/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * UI development toolkit for HTML5 (OpenUI5)
 * (c) Copyright 2009-2017 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */

@import "../../../../../Base/baseLib/baseTheme/base.less"; /* ORIGINAL IMPORT PATH: "../../../../sap/ui/core/themes/base/base.less" */

@import "../../../../sap/ui/core/themes/base/global.less";
/* START "shared.less" */
/* ====================== */
/* Shared CSS Base theme  */
/* ====================== */

/* Common CSS for condensed table cell content controls */
.sapUiCondensedTableCellContent {
	box-sizing: border-box;
	padding: 0 0.5rem;
	line-height: 1.5rem;
	vertical-align: middle;
}

/* commons */
.sapMScrollbarV,
.sapMScrollbarH,
.sapMScrollbarV > div,
.sapMScrollbarH > div {
	position: absolute;
}

.sapMScrollbarV > div,
.sapMScrollbarH > div {
	box-sizing: border-box;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-width: 0.0625rem;
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.901961);
	border-radius: 0.1875rem;
	background-color: rgba(0, 0, 0, 0.498039);
}

/* vertical scrollbar */
.sapMScrollbarV {
	width: 0.438rem;
	right: 0.063rem;
	top: 0;
	bottom: 0;
}

.sapMScrollbarV > div {
	width: 100%;
}

/* horizontal scrollbar */
.sapMScrollbarH {
	height: 0.4375rem;
	bottom: 0.0625rem;
	left: 0.125rem;
	right: 0.125rem;
}

.sapMScrollbarH > div {
	height: 100%;
}

/* ObjectListItem and ObjectHeader share styles for markers such as flag and favorite */
.sapMObjStatusMarker {
	color: @sapUiContentMarkerIconColor;
}

.sapMObjStatusMarker .sapUiIcon + .sapUiIcon,
.sapMObjStatusMarker .sapUiHiddenPlaceholder + .sapUiIcon {
	margin-left: .5rem;
}

.sapMObjStatusMarkerInvisible{
	visibility: hidden;
}

/* CURSORS */
.sapMPointer{
	cursor: pointer;
}
/* END "shared.less" */


/* START "ActionListItem.less" */
/* ===================================== */
/* CSS for control sap.m/ActionListItem  */
/* Base theme                            */
/* ===================================== */

.sapMALI {
	display: -webkit-box;
	display: flex;
	height: 3rem;
}

.sapMALIText {
	-webkit-box-flex: 1;
	flex: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 3rem;
	display: block;
	text-align: center;
	color: @sapUiButtonFooterTextColor;
}

.sapMALI > .sapMLIBContent {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: center;
	justify-content: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMALI .sapMLIBUnread,
.sapMALI .sapMLIBSelectS,
.sapMALI .sapMLIBSelectM,
.sapMALI .sapMLIBSelectD {
	display: none;
}

/*The active indicator of the list is not specific enough to overwrite this style*/
.sapMList .sapMLIB.sapMALI:not(.sapMLIBActive) {
	background: @sapUiButtonActionSelectBackground;
	border-color: @sapUiButtonActionSelectBorderColor;
}

html.sap-desktop .sapMList .sapMLIB.sapMALI:not(.sapMLIBActive) {
	background: @sapUiButtonActionSelectBackground;
	border-color: @sapUiButtonActionSelectBorderColor;
}

html.sap-desktop .sapMList .sapMLIB.sapMALI:hover:not(.sapMLIBActive) > .sapMLIBContent {
	background: @sapUiButtonLiteActionSelectHoverBackground;
}

/* Compact size */
.sapUiSizeCompact .sapMALI {
	height: 2rem;
}

.sapUiSizeCompact .sapMALI > .sapMLIBContent {
	line-height: 2rem;
}

.sapUiSizeCompact .sapMALIText {
	font-size: @sapMFontMediumSize;
}
/* END "ActionListItem.less" */

/* START "ActionSelect.less" */
/* =================================== */
/* CSS for control sap.m/ActionSelect  */
/* Base theme                          */
/* =================================== */

/* ----------------------------- */
/* button                        */
/* ----------------------------- */

.sapMActionSelectPicker .sapMBtn {
	display: block;
	width: 100%;
	height: 2.5rem;
	padding: 0;
	border-top-width: 0;
	border-bottom-width: 1px;
	text-shadow: @sapUiShadowText;
}

.sapMActionSelectPicker .sapMBtnInner {
 	border: 1px solid @sapUiButtonActionSelectBorderColor;
}
/* END "ActionSelect.less" */

/* START "ActionSheet.less" */
/* ================================== */
/* CSS for control sap.m/ActionSheet  */
/* Base theme                         */
/* ================================== */

.sapMActionSheetDialog.sapMDialog {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	top: auto !important; // We need to overwrite the inline top style
	bottom: 0;
	width: 100%;
	max-width: 20rem;
	border-radius: 0.25rem 0.25rem 0 0;

	&.sapMDialogPhone{
		overflow: visible;
	}
}

.sapMActionSheet:focus{
	outline: none;
}

.sapMActionSheetDialog .sapMDialogScroll {
	display: block;
}

.sapMActionSheetMixedButtons .sapMActionSheetButtonNoIcon .sapMBtnContent {
	margin-left: 1.625rem;
}

.sapMActionSheetButton > .sapMBtnInner {
	text-align: start;
}

html[data-sap-ui-browser^=ie] .sapMActionSheetButton > .sapMBtnInner,
html[data-sap-ui-browser^=ed] .sapMActionSheetButton > .sapMBtnInner {
	text-align: left;
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapMActionSheetButton > .sapMBtnInner,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMActionSheetButton > .sapMBtnInner {
	text-align: right;
}

/* ====== BEGIN ====== */
/*Style for ActionSheet shown as a dialog sliding in from bottom*/
/* ====== ====== ===== */

.sapMDialog.sapMActionSheetDialog {
	background-color: transparent;
	box-shadow: none;
	border: none;
}

.sapMDialog.sapMActionSheetDialog > section {
	background-color: @sapUiGroupContentBackground;
	border-radius: 0.25rem 0.25rem 0 0;
}

.sapMActionSheetDialog .sapMActionSheetButton {
	width: 100%;
}

.sapMActionSheetDialog .sapMActionSheetButton.sapMActionSheetCancelButton > .sapMBtnInner {
	text-align: center;
}

.sapMActionSheetDialog > .sapMBar.sapMHeader-CTX > .sapMBarMiddle {
	text-align: start;
	padding: 0 1rem;
}

html[data-sap-ui-browser^=ie] .sapMActionSheetDialog > .sapMBar.sapMHeader-CTX > .sapMBarMiddle,
html[data-sap-ui-browser^=ed] .sapMActionSheetDialog > .sapMBar.sapMHeader-CTX > .sapMBarMiddle {
	text-align: left;
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapMActionSheetDialog > .sapMBar.sapMHeader-CTX > .sapMBarMiddle,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMActionSheetDialog > .sapMBar.sapMHeader-CTX > .sapMBarMiddle {
	text-align: right;
}

.sapMActionSheetDialog > .sapMBar.sapMHeader-CTX > .sapMBarMiddle > .sapMBarPH > .sapMDialogTitle {
	color: contrast(fade(@sapUiBlockLayerBackground, 60), @sapUiGroupTitleTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
	font-size: @sapMFontMediumSize;
}

.sapMDialog.sapMActionSheetDialog > .sapMDialogSection {
	box-shadow: @sapUiShadowLevel1;
}

.sapMDialog.sapMActionSheetDialog > section {
	padding: 0.25rem 0.5rem;
}

.sapMActionSheetDialog.sapMDialogPhone > .sapMIBar.sapMHeader-CTX {
	background: transparent;
	box-shadow: none;
}

/* ====== BEGIN ====== */
/*Style for ActionSheet shown as a Popover*/
/* ====== ====== ===== */
.sapMActionSheetPopover.sapMPopover {
	box-shadow: @sapUiShadowLevel1;
}

.sapMActionSheetPopover .sapMActionSheetButton {
	display: block;
	width: 100%;
}

.sapMActionSheetPopover.sapMPopover .sapMPopoverCont {
	padding: 0.25rem 0.5rem;
	max-height: calc(~"100% - 0.5rem");
}

.sapUiSizeCompact .sapMActionSheetPopover.sapMPopover  .sapMPopoverCont {
	padding: 0.1875rem 0.375rem;
	max-height: calc(~"100% - 0.375rem");
}

.sapMActionSheetPopover.sapMPopover .sapMPopoverCont::-webkit-scrollbar {
	background-color: transparent;
}

/* ====== END ====== */
/*Style for ActionSheet shown as a Popover*/
/* ====== ====== ===== */
/* END "ActionSheet.less" */

/* START "App.less" */
/* ========================== */
/* CSS for control sap.m/App  */
/* Base theme                 */
/* ========================== */

.sapMApp {
	width: 100%;
	height: 100%;
}
/* END "App.less" */

/* START "Bar.less" */
/* ========================== */
/* CSS for control sap.m/Bar  */
/* Base theme                 */
/* ========================== */

.sapMBarShadow(@color) {
	box-shadow: inset 0 -0.0625rem @color;
}

.sapMBar {
	display: block;
	width: 100%;
	position: relative;
	height: 3rem;
	line-height: 3rem;
	color: @sapUiPageHeaderTextColor;
	background-color: @sapUiPageHeaderBackground;
	/* 1px down white shadow with 50% opacity */
	text-shadow: @sapUiShadowText;
	/* 1px inside border line at the bottom of a bar */
	.sapMBarShadow(@sapUiPageHeaderBorderColor);
}

.sapMBarContainer {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* fix for ff */
html[data-sap-ui-browser^="ff"].sap-desktop {
	.sapMBarContainer {
		display: flex;
		align-items: center;
	}

	.sapMBarPH {
		justify-content: center;
	}

	.sapMBarRight {
		justify-content: flex-end;
	}

	.sapMBarContainer > .sapMBarChild {
		flex : none;
	}

	.sapMBarContainer > .sapMButton,
	.sapMBarContainer > .sapMText,
	.sapMBarContainer > .sapMLabel {
		flex : initial;
	}
}


.sapMBarLeft,
.sapMBarRight {
	position: absolute;
	height: 100%;
}

.sapMBarLeft {
	left: 0px;
}

/* IE / Edge does not support "text-align: end" */
/* use "right" and "left" instead        */
.sapMBarRight {
	text-align: right;
	right: 0px;
}

.sapMBarRight.sapMRTL {
	text-align: left;
}

.sapMBarPH {
	display: inline-block;
	height: 3rem;
	vertical-align: top;
}

.sapMBarMiddle {
	text-align: center;
	width: 100%;
	height: 0px;
	top: 0px;
	left: 0px;
}

.sapMBar .sapMLabel,
.sapMBar .sapMLnk {
	display: inline;
}

.sapMBarFlexBoxWidth100 {
	width: 100%;
}

/* select control in a bar */
.sapMBar .sapMSlt {
	vertical-align: top;
}

.sapMBar:active {
	text-shadow: none;
}

/* this "sapMBrandingBar-CTX" CSS class can be set by any container control that comes with its own branding bar, so any pages inside will not display their branding bar */
.sapMBrandingBar-CTX .sapMBar.sapMPageHeader:before,
/* since Shell may run without sap.m and we can run without the shell this selector is currently in our lib */
.sapUiUfdShell .sapMBar.sapMPageHeader:before {
	display: none;
}

@media (min-height: @sapMShellMinHeightForHeader) {
	/* Shell draws its own branding bar */
	.sap-desktop .sapMShell .sapMBar.sapMPageHeader:before {
		display: none;
	}
}

.sapMBar .sapMBarLeft > .sapMImg,
.sapMBar .sapMBarPH > .sapMImg,
.sapMBar .sapMBarRight > .sapMImg {
	vertical-align: middle;
}

/* Compact size */
.sapUiSizeCompact{
	.sapMBar {
		height: 2rem;
	}
	.sapMBarLeft, .sapMBarRight, .sapMBarPH {
		height: 2rem;
		line-height: 2rem;
	}
}

/*don't use margins on the childs to keep the calculation of the bar correct*/
.sapMBarRight,
.sapMBarRight > .sapMBarChild:last-child {
	margin-right: 0;
}

.sapMBarLeft,
.sapMIBar.sapMBar .sapMBarChild:first-child {
	margin-left: 0;
}

/*To replace margins, add padding to the containers*/
.sapMBarRight,
.sapMBarLeft,
.sapMBarPH {
	box-sizing: border-box;
}

.sapMBarRight,
.sapMBarPH {
	padding-right: 0.25rem;
}

.sapMBarLeft,
.sapMBarPH {
	padding-left: 0.25rem;
}

.sapMIBar > .sapMBarLeft > .sapMBarChild:last-child,
.sapMIBar .sapMBarPH > .sapMBarChild:last-child {
	margin-right: 0;
}
/* END "Bar.less" */

/* START "BarBase.less" */
/* ============================== */
/* CSS for control sap.m/BarBase  */
/* Base theme                     */
/* ============================== */

.sapMIBar .sapMBarChild:first-child {
	margin-left:0.25rem;
}

.sapMIBar .sapMBarChild {
	margin-left:0.25rem;
}

.sapMIBar > .sapMBarChild:last-child {
	margin-right: 0.25rem;
}

.sapMIBar-CTX.sapMFooter-CTX {
	color: @sapUiPageFooterTextColor;
	/* 1px down black shadow with 50% opacity */
	text-shadow: @sapUiShadowText;
	background-color: @sapUiPageFooterBackground;
	background-image: none;
	border-top: 1px solid @sapUiPageFooterBorderColor;
	box-shadow: none;
}

.sapMIBar-CTX.sapMFooter-CTX:active {
	text-shadow: none;
}

.sapMIBar.sapMSubHeader-CTX {
	color: @sapUiPageHeaderTextColor;
	background-color: @sapUiPageHeaderBackground;
}

html.sap-desktop .sapMIBar.sapMFooter-CTX {
	background-color: @sapUiPageFooterBackground;
}

/* footer separator inside of a SplitContainer control */
.sapMSplitContainerMaster .sapMFooter-CTX {
	border-right: 1px solid @sapUiPageFooterBorderColor;
}

.sapMIBar.sapMHeader-CTX {
	color: @sapUiPageHeaderTextColor;
	background-color: @sapUiPageHeaderBackground;
	filter: none;
	background-image: none;
}

.sapMPopup-CTX .sapMIBar.sapMHeader-CTX { /* remove gradient in popups; restore grey header color when in popup on desktop */
	background-color: @sapUiPageHeaderBackground;
	filter: none;
	background-image: none;
}
/* END "BarBase.less" */

/* START "Breadcrumbs.less" */
/* ================================== */
/* CSS for control sap.m/Breadcrumbs  */
/* Base theme                         */
/* ================================== */

.sapMBreadcrumbs {
	margin: 0 0 0.5rem 0;
	padding: 0;
	white-space: nowrap;
	list-style-type: none;
	display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
	display: -webkit-flex; /* NEW - Chrome */
	display: flex;
	outline: none;

	.sapMSlt {
		border: 0;
		margin: 0;
		height: 1.2rem;
		padding-right: 0.125rem;

		.sapMSltIcon {
			margin: 0 -0.4rem 0 -0.3rem;
			vertical-align: top;
			position: relative;
			background-color: transparent;
			line-height: inherit;
			border: none;
		}
	}

	.sapMSltIconOnly.sapMSltHoverable:hover, .sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled),
	.sapMSltIconOnly.sapMSltPressed.sapMSltHoverable:not(.sapMSltState):hover,
	.sapMSltPressed:not(.sapMSltDisabled), .sapMSltIconOnly.sapMSltPressed.sapMSltHoverable:hover {
		background: transparent;
		border: none;
	}

	.sapMSltIcon:before {
		font-family: SAP-icons;
		vertical-align: super;
		color: @sapUiLink;
		speak: none;
		content: "...\e1ef";
		font-size: @sapMFontMediumSize;
	}

	.sapMLnk, .sapMBreadcrumbsCurrentLocation, .sapMSlt, .sapMBreadcrumbsSeparator {
		vertical-align: middle;
	}

	.sapMBreadcrumbsItem  {
		-webkit-flex-shrink: 0;
		flex-shrink: 0;
	}

	/* set the flex to 1 for the breadcrumbsItem in order for the last item's text to truncate properly, but only if
	there's two items (the select and the last item in the breadcrumbs) or if there's only one item in the breadcrumbs
	and no select. In all other cases the texts should not truncate thus leaving the responsiveness to the breadcrumbs
	mechanism (moving items from the breadcrumbs into the select)*/
	.sapMBreadcrumbsSelectItem + .sapMBreadcrumbsItem:last-child:nth-child(2),
	.sapMBreadcrumbsItem:last-child:nth-child(1) {
		min-width: 1%;
		-webkit-flex: 1;
		-webkit-box-flex: 1;
		flex: 1 1 auto;
	}

	.sapMBreadcrumbsCurrentLocation {
		font-weight: normal;
		line-height: 1.4;
	}

	.sapMBreadcrumbsItem {
		display: inline;
		padding: 0;
		margin: 0;
		vertical-align: middle;
		white-space: nowrap;
	}

	.sapMBreadcrumbsSeparator {
		padding: 0 0.25rem;
	}

	.sapMBreadcrumbsItem, .sapMBreadcrumbsSeparator {
		color: @sapUiContentLabelColor;
	}
}

.sapUiSizeCompact .sapMBreadcrumbs .sapMSlt {
	margin: 0;
	height: 1.2rem;
}
/* END "Breadcrumbs.less" */

/* START "BusyDialog.less" */
/* ================================= */
/* CSS for control sap.m/BusyDialog  */
/* Base theme                        */
/* ================================= */

//this selectors need to be more specific from the Dialog's
.sapMBusyDialog.sapMDialog {
	min-width: 18.75rem !important;
	text-align: center;
	width: 18.75rem !important;

	.sapMBusyIndicator {
		margin: 1em;
	}

	&.sapUiPopupWithPadding .sapMDialogScrollCont {
		padding: 0 !important;
	}

	.sapMDialogSection {
		overflow: hidden !important;
	}

	&.sapMBusyDialog-Light {
		//lightBusyDialog
		box-shadow: none;
		background: transparent;
		border: none;

		.sapMDialogSection {
			background: transparent;
		}
	}
}

.sapMLabel.sapMBusyDialogLabel {
	display: block;
	font-size: 1rem;
	line-height: 1.5em;
	margin: 1rem 1rem 0;
	text-align: center !important;
	white-space: normal;
}

// compact sizing
.sapUiSizeCompact .sapMBusyDialog {
	.sapMBusyDialogLabel {
		margin-top: 0.5rem;
	}

	.sapMBusyIndicator {
		margin: 0.5rem;
	}
}
/* END "BusyDialog.less" */

/* START "BusyIndicator.less" */
/* ==================================== */
/* CSS for control sap.m/BusyIndicator  */
/* Base theme                           */
/* ==================================== */

.sapMBusyIndicator {
	display: inline-block;
	text-align: center;
	outline: none;

	.sapMBusyIndicatorBusyArea {
		min-width: 3em;
		min-height: 1em;
	}

	.sapMLabel {
		display: block;
	}

	.sapUiLocalBusyIndicator {
		background: none;
		font-size: inherit;
	}
}

.sapMBar-CTX .sapMBusyIndicator {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

html[data-sap-ui-browser^="cr"] {
	.sapMBar-CTX .sapMBusyIndicator {
		transform: translateY(25%);
	}
}

.sapMBsyIndAnimation(@name) {
	-webkit-animation: @name 2s linear 0s infinite normal none;
	animation:         @name 2s linear 0s infinite normal none;
}

html[dir='rtl'] .sapMBsyIndIcon {
	.sapMBsyIndAnimation(sapMBsyIndRotateRTL);
}

.sapMBsyIndIcon {
	vertical-align: middle;
	-webkit-transform: rotate(0deg) translateZ(0);
	transform: rotate(0deg) translateZ(0);
	-webkit-transition-duration: 0ms;
	transition-duration: 0ms;

	.sapMBsyIndAnimation(sapMBsyIndRotate);
}

@-webkit-keyframes sapMBsyIndRotate {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(360deg) translateZ(0); }
}

@keyframes sapMBsyIndRotate {
	from { transform:rotate(0deg) translateZ(0); }
	to { transform:rotate(360deg) translateZ(0); }
}

@-webkit-keyframes sapMBsyIndRotateRTL {
	from { -webkit-transform:rotate(0deg) translateZ(0); }
	to { -webkit-transform:rotate(-360deg) translateZ(0); }
}

@keyframes sapMBsyIndRotateRTL {
	from { transform:rotate(0deg) translateZ(0); }
	to { transform:rotate(-360deg) translateZ(0); }
}
/* END "BusyIndicator.less" */

/* START "Button.less" */
/* ============================= */
/* CSS for control sap.m/Button  */
/* Base theme                    */
/* ============================= */

.sapMBtn {
	height:           3rem;
	margin:           0;
	padding:          0.250rem 0;
	vertical-align:   top;
	border:           none;
	background-color: @sapUiButtonLiteBackground;
}

.sapMBtn:focus {
	outline:          none;
}
.sapMBtn::-moz-focus-inner {
	padding: 0;
	border: 0
}
.sapMBtn:not(.sapMBtnDisabled) {
	cursor: pointer;
}

/* override the default cursor of .sapUiIcon */
.sapMBtn .sapMBtnIcon {
	cursor: inherit;
}

.sapMBtnBase {
	position: relative;
}

.sapMBtn .sapMBtnInner,
.sapMBtn .sapMBtnContent {
	display: block;
}

/* --------------------- */
/* Inner area            */
/* --------------------- */
.sapMBtnInner {
	vertical-align:   top;
	-webkit-appearance: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	box-sizing: border-box;

	font-family: @sapUiFontFamily;
	font-size: 0.875rem;

	height: 2.500rem;
	min-width: 2.500rem;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;

	background-color: @sapUiButtonBackground;
	border:           1px solid @sapUiButtonBorderColor;
	border-radius:    0.2rem;
	color:            @sapUiButtonTextColor;
	text-shadow:      @sapUiShadowText;
}

html[data-sap-ui-browser*='ie'] .sapMBtnInner {
	/* Buttons without inline content require
		more vertical space than needed in IE */
	display: inline-block;
	width: 100%;
}

.sapMBtnInner::-moz-focus-inner {
	border: 0;
}
.sapMBtnInner:focus,
.sapMBtnContent>span:focus {
	outline: none;
}

/* paddings depends on the presence and placement of text and icons */
.sapMBtnInner.sapMBtnText {
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}
.sapMBtnInner.sapMBtnText.sapMBtnIconFirst,
.sapMBtnInner.sapMBtnText.sapMBtnBack {
	padding-left: 2.375rem;
}
.sapMBtnInner.sapMBtnText.sapMBtnBack.sapMBtnIconFirst {
	padding-left: 4.750rem;
}
.sapMBtnInner.sapMBtnText.sapMBtnIconLast {
	padding-right: 2.375rem;
}

/* ------------------- */
/* Content area        */
/* ------------------- */
.sapMBtnContent {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: top;
	line-height: 2.375rem;
}
/* unstyled button content line height should be normal on iOS devices to fit into the button */
html[data-sap-ui-os^="iOS"] .sapMBtnBase:not(.sapMBtn) .sapMBtnContent {
	line-height: normal;
}

html[data-sap-ui-browser*='ie'] .sapMBtnContentWithIcon {
	display: inline;
}

/* ------------------- */
/* Button Icon         */
/* ------------------- */
.sapMBtnIcon {
	font-size:        1.375rem;
	line-height:      2.375rem;
	width:            2.375rem;
	text-align:       center;
	margin:           0;
	padding:          0;
	vertical-align:   top;
	max-height:       2.375rem;
	color:            @sapUiButtonIconColor;
}
.sapMBtnText > .sapMBtnIcon {
	position:         absolute;
	top:              0;
	left:             0;
}
.sapMBtnText > .sapMBtnIconLeft + .sapMBtnIconLeft {
	left: 2.375rem;
}
.sapMBtnText > .sapMBtnIconRight {
	right: 0;
	left: auto;
}

/* ------------------------------------------------ */
/* Buttons in a Bar                                 */
/* (add separators, remove top/bottom border)       */
/* ------------------------------------------------ */

.sapMIBar .sapMBtnInner {
	vertical-align:   top;
}

.sapMIBar .sapMBtnInner.sapMIE {
	/* This is for IE9 - if a button overflows inside of a bar,
		ellipsis will be shown and it will hide completely
		if there is no position relative set.*/
	position: relative;
}

/* ------------------------------------------------ */
/* Compact size                                     */
/* ------------------------------------------------ */

.sapUiSizeCompact {
	.sapMBtn {
		height:           2.000rem;
		padding:          0.1875rem 0;
	}

	.sapMBtnInner {
		height:           1.625rem;
		min-width:        2.0rem;
	}
	.sapMBtnInner.sapMBtnText {
		padding-left: 0.4375rem;
		padding-right: 0.4375rem;
	}
	.sapMBtnInner.sapMBtnText.sapMBtnIconFirst,
	.sapMBtnInner.sapMBtnText.sapMBtnBack {
		padding-left: 1.875rem;
	}
	.sapMBtnInner.sapMBtnText.sapMBtnBack.sapMBtnIconFirst {
		padding-left: 3.75rem;
	}
	.sapMBtnInner.sapMBtnText.sapMBtnIconLast {
		padding-right: 1.875rem;
	}

	.sapMBtnContent {
		line-height:      1.500rem;
	}

	.sapMBtnIcon {
		line-height:      1.500rem;
		width:            1.000rem;
		font-size:        1.000rem;
		max-height:       1.500rem;
		margin-left:      0.4375rem;
		margin-right:     0.4375rem;
	}
	.sapMBtnIconLeft + .sapMBtnIconLeft {
		left: 1.875rem;
	}
	.sapMBtnInner > img {
		height:           1.500rem;
		width:            1.500rem;
		margin-left:      0.250rem;
		margin-right:     0.250rem;
	}
}

/* ------------------------------------------------ */
/* Condensed size                                   */
/* ------------------------------------------------ */

.sapUiSizeCondensed .sapUiTableCell {
	.sapMBtn {
		height:           1.375rem;
	}
	.sapMBtnInner {
		height:           1.375rem;
		min-width:        2.0rem;
	}
	.sapMBtnInner.sapMBtnText {
		padding-left: 0.4375rem;
		padding-right: 0.4375rem;
	}
	.sapMBtnInner.sapMBtnText.sapMBtnIconFirst,
	.sapMBtnInner.sapMBtnText.sapMBtnBack {
		padding-left: 1.75rem;
	}
	.sapMBtnInner.sapMBtnText.sapMBtnBack.sapMBtnIconFirst {
		padding-left: 3.5rem;
	}
	.sapMBtnInner.sapMBtnText.sapMBtnIconLast {
		padding-right: 1.75rem;
	}
	.sapMBtnInner > img {
		height:           1.250rem;
		width:            1.250rem;
		margin-left:      0.250rem;
		margin-right:     0.250rem;
	}
	.sapMIBar-CTX .sapMBtnInner {
		margin:           0;
	}
	.sapMBtnIcon {
		line-height:      1.250rem;
		font-size:        1.000rem;
		max-height:       1.250rem;
		width:            1.000rem;
		margin-left:      0.4375rem;
		margin-right:     0.4375rem;
	}
	.sapMBtnIconLeft + .sapMBtnIconLeft {
		left: 1.75rem;
	}
	.sapMBtnContent {
		line-height:      1.250rem;
	}
}

/* ---------------------------------------------------------------------*/
/* Disabled, hover and active states:                                   */
/* ---------------------------------------------------------------------*/

.sapMBtnDisabled {
	text-shadow:      none;
	cursor:           default;
}

.sapMBtn:hover > .sapMBtnHoverable {
	background-image: none;
	background-color: @sapUiButtonHoverBackground;
	border-color: @sapUiButtonHoverBorderColor;
}

:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive {
	background-image: none;
	background-color: @sapUiButtonActiveBackground;
	border-color:     @sapUiButtonActiveBorderColor;
	color:            @sapUiButtonActiveTextColor;
	text-shadow:      none;
}

:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive .sapMBtnIcon {
	color:            @sapUiButtonActiveTextColor;
}

/* ---------------------------------------------------------------------*/
/* Special buttons have the same look on a page and in a header/footer. */
/* ---------------------------------------------------------------------*/

span.sapMBtnInner.sapMBtnAccept {
	background-image: none;
	background-color: @sapUiButtonAcceptBackground;
	border-color:     @sapUiButtonAcceptBorderColor;
	color:            @sapUiButtonAcceptTextColor;
}

span.sapMBtnInner.sapMBtnAccept > .sapMBtnIcon {
	color:            @sapUiButtonAcceptTextColor;
}

.sapMBtn:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive) {
	background-color: @sapUiButtonAcceptHoverBackground;
	border-color:     @sapUiButtonAcceptHoverBorderColor;
}

:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnAccept.sapMBtnActive {
	background-color: @sapUiButtonAcceptActiveBackground;
	border-color:     @sapUiButtonAcceptActiveBorderColor;
	text-shadow: none;
}

/* ---------------------------------------- */

span.sapMBtnInner.sapMBtnReject {
	background-image: none;
	background-color: @sapUiButtonRejectBackground;
	border-color:     @sapUiButtonRejectBorderColor;
	color:            @sapUiButtonRejectTextColor;
}

span.sapMBtnInner.sapMBtnReject > .sapMBtnIcon {
	color:            @sapUiButtonRejectTextColor;
}

.sapMBtn:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive) {
	background-color: @sapUiButtonRejectHoverBackground;
	border-color:     @sapUiButtonRejectHoverBorderColor;
}

:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnReject.sapMBtnActive {
	background-color: @sapUiButtonRejectActiveBackground;
	border-color:     @sapUiButtonRejectActiveBorderColor;
	text-shadow: none;
}

/* ---------------------------------------- */

span.sapMBtnInner.sapMBtnEmphasized {
	background-image: none;
	background-color: @sapUiButtonEmphasizedBackground;
	border-color:     @sapUiButtonEmphasizedBorderColor;
	color:            @sapUiButtonEmphasizedTextColor;
	text-shadow:      0 0 0.125rem @sapUiButtonEmphasizedTextShadow;
}

span.sapMBtnInner.sapMBtnEmphasized > .sapMBtnIcon {
	color:            @sapUiButtonEmphasizedTextColor;
}

.sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive) {
	background-color: @sapUiButtonEmphasizedHoverBackground;
	border-color:     @sapUiButtonEmphasizedHoverBorderColor;
}

:not(.sapMBtnDisabled) > span.sapMBtnInner.sapMBtnEmphasized.sapMBtnActive {
	background-color: @sapUiButtonEmphasizedActiveBackground;
	border-color:     @sapUiButtonEmphasizedActiveBorderColor;
	text-shadow:      none;
}

/* ---------------------------------------------------------------------*/
/* Transparent buttons looks like normal one in a header/footer.        */
/* The following rules are overridden in a bar below:                   */
/* ---------------------------------------------------------------------*/

.sapMBtnTransparent {
	background-image: none;
	background-color: @sapUiButtonLiteBackground;
	border-color:     @sapUiButtonLiteBorderColor;
	color:            @sapUiButtonLiteTextColor;
}

html.sap-desktop .sapMBtn:not(.sapMBtnDisabled) .sapMBtnTransparent > .sapMBtnIcon {
	color:            @sapUiButtonIconColor;
}

.sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable {
	background-color: @sapUiButtonLiteHoverBackground;
	border-color:     @sapUiButtonLiteHoverBorderColor;
}

:not(.sapMBtnDisabled) > .sapMBtnTransparent.sapMBtnActive,
:not(.sapMBtnDisabled):hover > .sapMBtnTransparent.sapMBtnActive {
	background-color: @sapUiButtonLiteActiveBackground;
	border-color:     @sapUiButtonLiteActiveBorderColor;
	text-shadow:      none;
}

/* ------------------------------------------------ */
/* Buttons in a Bar                                 */
/* (add separators, remove top/bottom border)       */
/* ------------------------------------------------ */

.sapMIBar-CTX .sapMBtnInner {
	border-color: @sapUiButtonLiteBorderColor;
}

.sapMBar .sapMBtnInner,
.sapMHeader-CTX .sapMBtnInner,
.sapMFooter-CTX .sapMBtnInner,
.sapMSubHeader-CTX .sapMBtnInner {
	background: @sapUiButtonLiteBackground;
}

.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnActive,
.sapMBar-CTX :not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnTransparent.sapMBtnHoverable.sapMBtnActive {
	background-color: @sapUiButtonActiveBackground;
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnTransparent.sapMBtnHoverable {
	background-color: @sapUiButtonLiteHoverBackground;
	border-color:     @sapUiButtonLiteHoverBorderColor;
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
	background-color: @sapUiButtonFooterHoverBackground;
	color:            @sapUiButtonFooterTextColor;
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnAccept:not(.sapMBtnActive) {
	background-color: @sapUiButtonAcceptHoverBackground;
	border-color:     @sapUiButtonAcceptHoverBorderColor;
	color:            @sapUiButtonAcceptTextColor;
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnReject:not(.sapMBtnActive) {
	background-color: @sapUiButtonRejectHoverBackground;
	border-color:     @sapUiButtonRejectHoverBorderColor;
	color:            @sapUiButtonRejectTextColor;
}

.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMBtnEmphasized:not(.sapMBtnActive) {
	background-color: @sapUiButtonEmphasizedHoverBackground;
	border-color:     @sapUiButtonEmphasizedHoverBorderColor;
	color:            @sapUiButtonEmphasizedTextColor;
	text-shadow:      0 0 0.125rem @sapUiButtonEmphasizedTextShadow;
}

/* Separators between buttons in a footer */
.sapMFooter-CTX .sapMBtnInner :not(.sapMBtnDisabled),
html.sap-desktop .sapMFooter-CTX .sapMBtnInner :not(.sapMBtnDisabled) {
	border-color:     @sapUiButtonLiteBorderColor;
}

.sapMIBar-CTX .sapMBtnTransparent :not(.sapMBtnDisabled) {
	color:            @sapUiButtonLiteTextColor;
	text-shadow:      none;
	border-color:     @sapUiButtonLiteBorderColor;
}

/* active transparent button in a footer */
.sapMIBar-CTX.sapMFooter-CTX :not(.sapMBtnDisabled) {
	.sapMBtnTransparent.sapMBtnActive {
		background-color: @sapUiButtonLiteActiveBackground;
		color: @sapUiButtonActiveTextColor;
		border-color: @sapUiButtonLiteActiveBorderColor;
	}
}

.sapMIBar-CTX .sapMBtnDisabled,
.sapMIBar-CTX .sapMBtnDisabled .sapMBtnContent > .sapMBtnIcon {
	color: @sapUiButtonHeaderDisabledTextColor;
	text-shadow: none;
}

.sapMIBar-CTX.sapMHeader-CTX :not(.sapMBtnDisabled) > .sapMBtnActive,
.sapMIBar-CTX.sapMFooter-CTX :not(.sapMBtnDisabled) > .sapMBtnActive {
	background-color: @sapUiButtonActiveBackground;
	color: @sapUiButtonActiveTextColor;
	text-shadow: none;
}

/* ------------------------------------------------ */
/* Buttons in a Toolbar                             */
/* ------------------------------------------------ */

/* transparent Toolbar Context */
.sapMTB-Transparent-CTX .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnReject):not(.sapMBtnActive) {
	background-image: none;
	background: @sapUiButtonLiteBackground;
	border-color: @sapUiButtonLiteBorderColor;
}

.sapMTB-Transparent-CTX .sapMBtnInner:not(.sapMToggleBtnPressed):not(.sapMBtnEmphasized):not(.sapMBtnAccept):not(.sapMBtnReject):not(.sapMBtnActive):hover {
	background: @sapUiButtonLiteHoverBackground;
}

/* overwrite list's default active state color */
.sapMLIBActive span.sapMBtnInner {
	color: @sapUiButtonTextColor;
}

/* ------------------------------------------------ */
/* Compact size                                     */
/* ------------------------------------------------ */

.sapUiSizeCompact {
	.sapMBtnInner {
		text-shadow:      none;
	}
	.sapMBar-CTX .sapMBtnInner:not(.sapMBtnDisabled) {
		margin:           0;
		border-color:     transparent;
	}
	.sapMBtnFocusDiv {
		left:             0;
		top:              0;
		right:            0;
		bottom:           0;
		border-radius:    0;
	}
}

/* ------------------------------------------------ */
/* Condensed size                                   */
/* ------------------------------------------------ */

.sapUiSizeCondensed .sapUiTableCell {
	.sapMBtnInner {
		text-shadow:      none;
	}
	.sapMBar-CTX .sapMBtnInner {
		border-color:     transparent;
	}
	.sapMBtnContent {
		line-height:      1.250rem;
	}
	.sapMBtnFocusDiv {
		left:             0;
		top:              0;
		right:            0;
		bottom:           0;
		border-radius:    0;
	}
}

/* END "Button.less" */

/* START "Carousel.less" */
/* =============================== */
/* CSS for control sap.m/Carousel  */
/* Base theme                      */
/* =============================== */

.sapMCrsl {
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	border: 1px solid transparent;

	/* IE Windows 8 */
	/* This elements receives events when not panning in vertial direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;
	min-width: 20rem;
}

.sapMCrsl:focus {
	outline: none;
}

//show the left and right arrows when the carousel is focused
.sapMCrsl:focus .sapMCrslHud a {
	opacity: 0.3;
}

.sapMCrsl.sapMCrslLeft {
	text-align: left;
}

.sapMCrsl.sapMCrslCenter {
	text-align: center;
}

.sapMCrsl.sapMCrslFluid>.sapMCrslInner>* {
	width: 100%;
}

.sapMCrsl.sapMCrslFluid.sapMCrslCenter>.sapMCrslInner>*:first-child {
	margin-left: 0;
}

.sapMCrslInner {
	height: 100%;
	position: relative;
	white-space: nowrap;
	text-align: begin;
	/*  Removes  inline-block  gaps  due  to  whitespace  */
	font-size: 0;
	/*  Configure  animations  */
	-webkit-transition-property: -webkit-transform;
	transition-property: transform;
	/*  iOS  like  slide  timings  */
	-webkit-transition-timing-function: cubic-bezier(0.46, 0, 0.44, 1);
	transition-timing-function: cubic-bezier(0.46, 0, 0.44, 1);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}

/* for tablet and phone the duration is smaller */
@media all and (max-width: 1024px) {
	.sapMCrslInner {
		transition-duration: 0.3s;
	}
}

html[data-sap-ui-animation='off'] .sapMCrslInner {
	transition-duration: 0.01s;
 }


/* special handling for IE / Edge, as it does not support text-align: end */
html[data-sap-ui-browser^="ie"] .sapMCrslInner,
html[data-sap-ui-browser^="ed"] .sapMCrslInner {
 	text-align: left;
}

html[dir=rtl][data-sap-ui-browser^="ie"] .sapMCrslInner,
html[dir=rtl][data-sap-ui-browser^="ed"] .sapMCrslInner {
	text-align: right;

}

.sapMCrslItemTable {
	height: 100%;
}

.sapMCrslItemTableCell {
	height: 100%;
}

.sapMCrslImg {
	text-align: center;
}

.sapMCrslImgNoArrows {
	text-align: center;
}

.sapMCrslImgNoArrows:before,
.sapMCrslImg:before {
	content: ' ';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.sapMCrslItemTableCell.sapMCrslImgNoArrows img,
.sapMCrslItemTableCell.sapMCrslImg img {
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}

.sapMCrslInner.sapMCrslNoTransition {
	-webkit-transition-duration: 0.01s;
	transition-duration: 0.01s;
}

.sapMCrslInner.sapMCrslHideNonActive>:not(.sapMCrslActive) .sapMCrslItemTableCell {
	visibility: hidden;
}

.sapMCrslInner>* {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
	/* Comment from Mobify-Carousel: 'We  must  reset  the  font-size here'. Needs explanation! */
	font-size: 1rem;
}

.sapMCrslFluid>.sapMCrslInner>* {
	box-sizing: border-box;
}

.sapMCrslItemTable,
.sapMCrslItem>.sapMScrollCont>.sapMScrollContScroll {
	height: 100%;
	width: 100%;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMCrsl", ~"> .sapMCrslInner > .sapMCrslItem > .sapMScrollCont > .sapMScrollContScroll");

/*
  Carousel control base styling
*/
.sapMCrslControls {
	text-align: center;
	height: 3.5rem;
	display: flex;
	justify-content: center;
	width: 100%;
}

.sapMCrslControlsNoArrows {
	text-align: center;
	height: 2rem;
	display: flex;
	justify-content: center;
	width: 100%;
}

.sapMCrslHud a {
	z-index: 2;
	opacity: 0;
	display: none;
	position: absolute;
	width: 2rem;
	height: 2rem;
	margin: -1.5625px 0 0 0;
	padding: 0;
	text-decoration: none;
	border-radius: 50%;
	-webkit-transition: opacity 0.1s ease-in;
	transition: opacity 0.1s ease-in;
	box-sizing: border-box;
	background-color: @sapUiButtonBackground;
	color: @sapUiButtonIconColor;
}

.sapMCrslHudMiddle a {
	top:  calc(~"50% - 1rem");
}

.sapMCrslHudTop a {
	top: 50%;
}

.sapMCrslHudBottom a {
	top: calc(~"50% - 2rem");
}

.sapMCrslControls a,
.sapMCrslHud a {
	padding: 0;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	user-select: none;
	-webkit-user-drag: none;
	-moz-user-drag: -moz-none;
	user-drag: none;
	box-sizing: border-box;
}

.sapMCrslBulleted > span {
	text-indent: 2rem;
	line-height: 0;
	text-decoration: none;
	overflow: hidden;
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	margin: 0 0.25rem;
	-webkit-transition: background-color 0.1s ease-in;
	transition: background-color 0.1s ease-in;
	border-radius: 50%;
	align-self: center;
	box-sizing: border-box;
  	color: @sapUiContentLabelColor;
	background-color: @sapUiContentForegroundColor;
}

// 2rem indicator height + 1px border
.sapMCrslTopOffset .sapMCrslItem {
	padding-top: calc(~"2rem + 1px");
}

// 3.5rem indicator height + 1px border
.sapMCrslTopOffset.sapMCrslTopArrowsOffset .sapMCrslItem
{
	padding-top: calc(~"3.5rem + 1px");
}

.sapMCrslBottomOffset .sapMCrslItem {
	padding-bottom: calc(~"2rem + 1px");
}

.sapMCrslBottomOffset.sapMCrslBottomArrowsOffset .sapMCrslItem {
  padding-bottom: calc(~"3.5rem + 1px");
}

.sapMCrslControlsContainer {
	width: 100%;
	align-self: center;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	margin-left: 1rem;
	margin-right: 1rem;
}

.sapMCrslControls.sapMCrslControlsTop,
.sapMCrslControlsNoArrows.sapMCrslControlsTop {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	align-self: center;
}

.sapMCrslControls.sapMCrslControlsBottom,
.sapMCrslControlsNoArrows.sapMCrslControlsBottom {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.sapMCrslControlsNoArrowsTop {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
	align-self: center;
}

.sapMCrslControlsNoArrowsBottom {
	position: absolute;
	bottom: 0;
	width: 100%;
}

.sapMCrslControlsBottom.sapMCrslControlsContainerBottom {
	width: 100%;
	align-self: center;
}

.sapMCrslControlsTop.sapMCrslControlsContainerTop {
	width: 100%;
	align-self: center;
}

.sapMCrslControls .sapMCrslPrev,
.sapMCrslControls .sapMCrslNext {
	width: 2rem;
	height: 2rem;
	display: inline-block;
	padding: 0;
	text-decoration: none;
	text-align: center;
	border-radius: 50%;
	outline: none;
	position: relative;
	top: 4px;
	box-sizing: border-box;
	background: @sapUiButtonBackground;
	border: 1px solid @sapUiButtonBorderColor;
}

.sapMCrslHud .sapMCrslPrev,
.sapMCrslHud .sapMCrslNext {
	position: absolute;
	background-color: @sapUiButtonBackground;
	border: 1px solid @sapUiButtonBorderColor;
	border-radius: 50%;
}

.sapMCrslArrowInner {
	display: table;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.sapMCrslArrowInner .sapUiIcon {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	pointer-events: none;
}

.sapMCrslPrev .sapMCrslArrowInner .sapUiIcon {
	text-indent: -0.0625rem;
	font-size: 1rem;
}

.sapMCrslNext .sapMCrslArrowInner .sapUiIcon {
	text-indent: 0.0625rem;
	font-size: 1rem;
}

.sapMCrslBulleted,
.sapMCrslNumeric {
	padding-left: 1rem;
	padding-right: 1rem;
	height: 2rem;
	bottom: 1.0625rem;
	max-width: calc(~"100% - 6.5rem");
	display: flex;
	justify-content: center;
	align-self: center;
}

.sapMCrslControlsNoArrows .sapMCrslBulleted,
.sapMCrslControlsNoArrows .sapMCrslNumeric {
	width: 100%;
	position: relative;
	bottom: 0;
	align-self: center;
}

/* Styles for carousel dots on different screens */
/* screen width < 600px */
@media screen and (max-width: 599px) {
	 .sapMCrslBulleted,
	 .sapMCrslNumeric {
		width: 12rem;
	 }
}

/* 600px <= screen width < 1024px */
@media screen and (min-width : 600px) and (max-width: 1023px) {
	 .sapMCrslBulleted,
	 .sapMCrslNumeric {
		width: 16rem;
	 }
}

/* 1024px <= screen width < 1440px */
@media screen and (min-width : 1024px) and (max-width: 1439px) {
	 .sapMCrslBulleted,
	 .sapMCrslNumeric {
		width: 20rem;
	 }
}

/* screen width >= 1440px */
@media screen and (min-width: 1440px) {
	 .sapMCrslBulleted,
	 .sapMCrslNumeric {
		width: 24rem;
	 }
}

/* Styles needed for keyboard handling
   ========================================================================== */
.sapMCrslItem {
	visibility: hidden;
}
.sapMCrslActive {
	visibility: visible;
}

/* Page Indicator Numeric
   ====================================================================== */
.sapMCrslNumeric span {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	align-self: center;
}

/* remove transition when animation is off . As js depends of the animation, the duration is 0.01s */
html[data-sap-ui-animation='off'] {
	.sapMCrslInner {
		-webkit-transition-duration: 0.01s;
		transition-duration: 0.01s;
	}
}

/* Carousel controls: Bulleted */
.sapMCrslBulleted > span:hover,
.sapMCrslBulleted > span:focus {
	cursor: default;
	outline: none;
}

.sapMCrslBulleted > span.sapMCrslActive {
	color: @sapUiContentNonInteractiveIconColor;
	background-color: @sapUiContentNonInteractiveIconColor;
}

/* Carousel controls: HUD */
.sapMCrslHud {
	padding-top: 0;
}

.sapMCrslItemTableCell.sapMCrslImg img {
	background: @sapUiBaseBG;
}

.sapMCrsl .sapMCrslHud a:hover,
.sapMCrsl .sapMCrslHud a:focus {
	background: @sapUiButtonBackground;

	opacity: 1;
	display: block;
}

.sapMCrsl .sapMCrslHud a:active {
	background-color: @sapUiButtonActiveBackground;
	border-color: @sapUiButtonActiveBorderColor;
	color: @sapUiButtonActiveTextColor;
}

.sapMCrsl .sapMCrslControls a:active {
	background: @sapUiButtonActiveBackground;
	color: @sapUiButtonActiveTextColor;
}

.sapMCrsl .sapMCrslHud.sapMCrslLeftmost a.sapMCrslPrev,
.sapMCrsl .sapMCrslHud.sapMCrslRightmost a.sapMCrslNext {
	opacity: 0;
	display: none;
}

.sapMCrslHud .sapMCrslPrev {
	left: 0.625rem;
}

.sapMCrslHud .sapMCrslNext {
	right: 0.625rem;
}

/* extra bits */

/* captions */
.sapMCrslCaption {
	margin: 0;
	padding: 0.625rem;
	height: auto;
	text-align: center;
}

.sapMCrslControls.sapMCrslControlsTop,
.sapMCrslControlsNoArrows.sapMCrslControlsTop {
	background: @sapUiPageFooterBackground;
	border-bottom: 1px solid @sapUiPageFooterBorderColor;
}

.sapMCrslControls.sapMCrslControlsBottom,
.sapMCrslControlsNoArrows.sapMCrslControlsBottom {
	background: @sapUiPageFooterBackground;
	border-top: 1px solid @sapUiPageFooterBorderColor;
}

.sapMCrslControls a:hover,
.sapMCrslPrev:hover, .sapMCrslNext:hover {
	background: @sapUiButtonHoverBackground;
}

/* Default Themes/Sytles for Slider */
.sapMCrslFluid .sapMCrslItem {
	margin-right: 1.25rem;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.sapMCrslControls,
.sapMCrslHud {
	.sapMCrslPrev,
	.sapMCrslNext {
		background: @sapUiButtonBackground;
		border: 1px solid @sapUiButtonBorderColor;
		color: @sapUiButtonIconColor;
	}
}

.sapMCrsl:hover .sapMCrslHud a {
	opacity: 1;
	display: block;
}

/* END "Carousel.less" */

/* START "CheckBox.less" */
/* =============================== */
/* CSS for control sap.m/CheckBox  */
/* Base theme                      */
/* =============================== */

.sapMCb {
	display: inline-block;
	position: relative;
	white-space: normal;
	box-sizing: border-box;
	height: 3rem;
	line-height: 3rem;
	vertical-align: top;
	text-align: left;
	padding: 0 0 0 3rem;
	cursor: default;

	&:not(.sapMCbBgDis).sapMCbHasLabel:focus:before {
		pointer-events: none;
	}
}

.sapMCb .sapMLabel {
	cursor: default;

	&.sapMLabelNoText {
		position: absolute;
		visibility: hidden;
		left: -10000px;
		top: -10000px;
	}
}

.sapMCb>label {
	vertical-align: top;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	width : 100% /* If you put a CB in a form the with has to be 100% in rtl for text align */
}

.sapMCbBg { /* check box itself */
	background-color: @sapUiFieldBackground;
	border: solid 0.125rem @sapUiFieldBorderColor;
	display: inline-block;
	position: absolute;
	left: 0.8125rem;
	top: 0.8125rem;
	height: 1.125rem;
	width: 1.125rem;
	line-height: 1.125rem;
	padding: 0;
	text-align: center;

	// note: some browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-radius" shorthand property
	// but does support the long-hand properties for each corner like "border-top-left-radius"
	border-top-left-radius: 0.125rem;
	border-top-right-radius: 0.125rem;
	border-bottom-right-radius: 0.125rem;
	border-bottom-left-radius: 0.125rem;
	-webkit-focus-ring-color: none;
}

.sapMCbBg > .sapMCbMark,
.sapMCbBg.sapMCbMark > input{
	font-size: inherit;
}

.sapMCbBg.sapMCbMarkChecked:before {
	content: "\e05b";
	font-family: "SAP-icons";
	display: inline-block;
}

html[data-sap-ui-browser^=sf] body:not(.sapUiSizeCompact) .sapMCbBg.sapMCbMarkChecked:before {
	padding-left: 0.065rem;
}

html[data-sap-ui-browser^=sf] .sapUiSizeCompact .sapMCbBg.sapMCbMarkChecked:before {
	padding-left: 0.0625rem;
}

.sapMCbBg > input {
	left: 0;
	-webkit-appearance: none;
	visibility: hidden;
}

html[data-sap-ui-browser^=ff] .sapMCbBg > input {
	/* in FF the input needs to be positioned exactly behind the visible checkbox for the focus outline */
	position: absolute;
}

/* this needed for ie9 in multi select list */
.sapMLIBSelectM > .sapMCb {
	width: 3rem;
}

/* Read only */
.sapMCbRo .sapMCbBg {
	background-color: @sapUiFieldReadOnlyBackground;
	border-color: @sapUiFieldReadOnlyBorderColor;
}

.sapMCbRo > .sapMCbBg.sapMCbMarkChecked:before {
	color: @sapUiContentNonInteractiveIconColor;
}

/* Compact size */
.sapUiSizeCompact {

	.sapMCb {
		height: 2rem;
		line-height: 2rem;
		padding-left: 2rem;
	}

	.sapMCbBg { /* check box itself */
		left: 0.5rem;
		top: 0.5rem;
		height: 0.75rem;
		width: 0.75rem;
		line-height: 0.75rem;
		font-size: 0.625rem;
		border-radius: 0;
	}

	.sapMLIBSelectM > .sapMCb {
		width: 2rem;
	}
}

/* Condensed size */
.sapUiSizeCondensed.sapUiTable,
.sapUiSizeCondensed .sapUiTable {

	.sapMCb {
		height: 1.5rem;
		line-height: 1.5rem;
		padding-left: 1.5rem;
	}

	.sapUiTableCell > .sapMCb {
		margin-left: 0.25rem;
		padding-left: 1.75rem;
	}

	.sapMCbBg { /* check box itself */
		left: 0.25rem;
		top: 0.25rem;
		height: 0.75rem;
		width: 0.75rem;
		line-height: 0.75rem;
		font-size: 0.625rem;
		border-radius: 0;
	}
}
/* END "CheckBox.less" */

/* START "ColumnListItem.less" */
/* ===================================== */
/* CSS for control sap.m/ColumnListItem  */
/* Base theme                            */
/* ===================================== */

.sapMListTblRow.sapMListTblRowTop > td {
	vertical-align: top;
}

.sapMListTblRow.sapMListTblRowMiddle > td {
	vertical-align: middle;
}

.sapMListTblRow.sapMListTblRowBottom > td {
	vertical-align: bottom;
}

.sapMListBGTransparent .sapMListTblSubRow {
	background: fade(@sapUiListBackground, 0%);
}

.sapMListBGTranslucent .sapMListTblSubRow {
	background: @sapUiListBackground;
}

.sapMListBGSolid .sapMListTblSubRow{
	background: @sapUiListBackground;
}

.sapMLIBHoverable:hover + .sapMListTblSubRow {
	background : @sapUiListHoverBackground;
}

.sapMLIBSelected + .sapMListTblSubRow {
	background: @sapUiListSelectionBackgroundColor;
}

.sapMLIBHoverable.sapMLIBSelected:hover + .sapMListTblSubRow {
	background : @sapUiListSelectionHoverBackground;
}

.sapMLIB.sapMLIBActive + .sapMListTblSubRow{
	color: @sapUiListActiveTextColor;
	background: @sapUiListActiveBackground;
}

/* table popin */
.sapMListTblSubCnt {
	padding: .5rem 1rem;
	box-sizing: border-box;
}

.sapMListTblSubCntRow{
	padding-bottom: 0;
}

.sapMListTblSubCntSpr {
	font-size: @sapMFontMediumSize;
}

.sapMListTblSubCntRow + .sapMListTblSubCntRow {
	margin-top: .5rem;
}

.sapMListTblSubCntValBlock {
	margin-top: .25rem;
	display : block;
}

.sapMListTblSubCntValInline{
	display: inline-block;
}

.sapMListTblSubCntRow > .sapMListTblSubCntSpr,
.sapMListTblSubCntRow > .sapMListTblSubCntHdr .sapMText,
.sapMListTblSubCntRow > .sapMListTblSubCntHdr .sapMLabel {
	color: @sapUiContentLabelColor;
	padding-top: 0;
}

.sapMListTblSubCntRow > .sapMListTblSubCntVal .sapMText,
.sapMListTblSubCntRow > .sapMListTblSubCntVal .sapMLabel {
	color: @sapUiListTextColor;
	padding-top: 0;
}

.sapMListTblSubCntSpr {
	padding-right: .5rem;
}

 /* separators */
 .sapMLIBShowSeparator > td {
	border-top: 1px solid @sapUiListBorderColor;
}

.sapMListShowSeparatorsNone .sapMLIBShowSeparator > td,
.sapMListShowSeparatorsInner .sapMLIBShowSeparator:first-child > td {
	border-color: transparent;
}

.sapMListShowSeparatorsAll .sapMListTblSubRow:last-child > td,
.sapMListShowSeparatorsAll .sapMLIBShowSeparator:last-child > td {
	border-bottom: 1px solid @sapUiListBorderColor;
}

.sapMListShowSeparatorsAll .sapMLIBShowSeparator:last-child > td,
.sapMListShowSeparatorsAll .sapMListTblSubRow:last-child > td{
	border-bottom: 1px solid @sapUiListTableFooterBorder;
}

.sapMListShowSeparatorsInner .sapMLIBShowSeparator:last-child > td,
.sapMListShowSeparatorsInner .sapMListTblSubRow:last-child > td {
	border-bottom-color: transparent;
}

.sapMListShowSeparatorsNone .sapMListTblFooter > td{
	border-top-width: 2px;
}

/********** COMPACT DESIGN ************/

/* decrease vertical popin paddings */
.sapUiSizeCompact .sapMListTblSubCnt {
	padding-top: .25rem;
	padding-bottom: .25rem;
}

/* popin padding */
.sapUiSizeCompact .sapMListModeMultiSelect .sapMListTblSubCnt,
.sapUiSizeCompact .sapMListModeSingleSelectLeft .sapMListTblSubCnt {
	padding-left: 2.5rem;
}

/* add extra margin for top aligned rows */
.sapUiSizeCompact .sapMListTblRowTop > .sapMListTblCell > *{
	margin-top: .5rem;
	margin-bottom: .5rem;
}
/* END "ColumnListItem.less" */

/* START "CustomListItem.less" */
/* ===================================== */
/* CSS for control sap.m/CustomListItem  */
/* Base theme                            */
/* ===================================== */

.sapMCLI.sapMLIB{
	padding: 0 1px;
}

.sapMCLI .sapMLIBSelectSL,
.sapMCLI .sapMLIBSelectM{
	margin-left: 0;
}

.sapMCLI .sapMLIBImgNav,
.sapMCLI .sapMLIBSelectS,
.sapMCLI .sapMLIBSelectD{
	margin-right: 0;
}

.sapMLIBLegacyOutline.sapMCLI > .sapMLIBContent{
	width: 100%;	/* IE flexbox workaround max-width is not respected */
}
/* END "CustomListItem.less" */

/* START "CustomTile.less" */
/* ================================= */
/* CSS for control sap.m/CustomTile  */
/* Base theme                        */
/* ================================= */

/* Style for Tablet/Desktop */
.sapMCustomTile
{
	display: inline-block;
	box-sizing: border-box;
	-webkit-transition-property: transform3d;
	-webkit-transition-duration: 0.2s;
	transition-property: transform3d;
	transition-duration: 0.2s;
	width: 13em;
	height: 15em;
	margin:0em;
}

.sapMCustomTileContent {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

html.sap-phone .sapMCustomTile {
	width: 9.5em;
	height: 11em;
	margin: 0em;
}
/* END "CustomTile.less" */

/* START "DateRangeSelection.less" */
/* ========================================= */
/* CSS for control sap.m/DateRangeSelection  */
/* Base theme                                */
/* ========================================= */

.sapMDP {
	position: relative;
}
/* END "DateRangeSelection.less" */

/* START "DateTimePicker.less" */
/* ===================================== */
/* CSS for control sap.m/DateTimePicker  */
/* Base theme                            */
/* ===================================== */

/* styles for popup */
.sapMDateTimePopupCont {
	height: 25.25rem;
	min-width: 40.0625rem;
}

html[data-sap-ui-browser^=ie]:not(.sapUiMedia-Std-Phone) .sapMDateTimePopupCont {
	min-width: 40.07rem; /* because of IE rounding issues*/
}

.sapMDateTimePopupCont > .sapUiCal,
.sapMDateTimePopupCont > .sapMTimePickerContainer {
	float: left;
}

.sapMTimePickerSwitch {
	margin-top: 1rem;
	width: 100%;
	text-align: center;
}

.sapMTimePickerSep {
	height: ~'calc(100% - 2rem)';
	width: 0px;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border-left: 1px solid @sapUiGroupContentBorderColor;
	box-sizing: border-box;
	float: left;
}

/* Compact mode */
.sapUiSizeCompact .sapMDateTimePopupCont {
	height: 17.25rem;
	min-width: 34.0625rem;
}

html[data-sap-ui-browser^=ie]:not(.sapUiMedia-Std-Phone) .sapUiSizeCompact .sapMDateTimePopupCont {
	min-width: 34.07rem; /* because of IE rounding issues*/
}

/* Phone mode use device and media selector to support small desktop and large phones*/
.sapMDateTimePopup.sapUiPopupWithPadding > .sapMDialogSection > .sapMDialogScroll > .sapMDialogScrollCont {
	padding: 0;
}

.sapMDateTimePopup.sapMDialogPhone > .sapMDialogSection > .sapMDialogScroll > .sapMDialogScrollCont {
	height: 100%;
}

html.sap-phone .sapMDateTimePopupCont,
html.sapUiMedia-Std-Phone .sapMDateTimePopupCont {
	height: 100%;
	min-width: 20rem;
	overflow: auto !important; /* allow scrolling in landscape mode */
}

html.sap-phone .sapUiSizeCompact .sapMDateTimePopupCont,
html.sapUiMedia-Std-Phone .sapUiSizeCompact .sapMDateTimePopupCont {
	min-width: 17rem;
}

html.sap-phone .sapMTimePickerSep,
html.sapUiMedia-Std-Phone .sapMTimePickerSep {
	display: none;
}

html.sap-phone .sapMDateTimePopupCont > .sapUiCal,
html.sapUiMedia-Std-Phone .sapMDateTimePopupCont > .sapUiCal {
	width: 100%;
}

html.sapUiMedia-Std-Phone .sapMDateTimePopupCont.sapMTimePickerDropDown .sapMTimePickerContainer {
	height: 25.25rem;
	width: 100%;
}

html.sapUiMedia-Std-Phone.sapUiSizeCompact .sapMDateTimePopupCont.sapMTimePickerDropDown .sapMTimePickerContainer,
html.sapUiMedia-Std-Phone .sapUiSizeCompact .sapMDateTimePopupCont.sapMTimePickerDropDown .sapMTimePickerContainer {
	height: 15.25rem;
	width: 100%;
}

html.sap-phone .sapMDateTimePopupCont.sapMTimePickerDropDown .sapMTimePickerContainer {
	height: ~'calc(100% - 3.5rem)';
}
/* END "DateTimePicker.less" */

/* START "Dialog.less" */
/* ============================= */
/* CSS for control sap.m/Dialog  */
/* Base theme                    */
/* ============================= */

@sapMDialogMarginHeight: 7%;
@sapMDialogBarHeight: 3rem;
@sapMDialogBarCompactHeight: 2.5rem;
@sapMDialogPadding: 1rem;

.sapMDialog,
.sapMMessageDialog .sapMDialogScrollCont,
.sapMDialogSection {
	box-sizing: border-box;
}

.sapMDialog {
	background-clip: padding-box;
	min-height: 6rem;
	outline: none;
	overflow: hidden;
	position: absolute;
	opacity: 0;
	-webkit-transition: opacity .15s, transform 0.2s;
	transition: opacity .15s, transform 0.2s;
	-webkit-transform: translate(-50%, -50%) scale(0.9);
	transform: translate(-50%, -50%) scale(0.9);
	border-radius: 0.25rem;
	box-shadow: @sapUiShadowLevel3;

	&:not(.sapMDialogHighPixelDensity) {
		//prevent blurring when the device pixel ration is 1 (not high density screens)
		//this is done with style and not with media query for wider support
		-webkit-filter: blur(0);
		filter: blur(0);
	}

	&:not(.sapMDialogResizeHandler) {
		.sapMDialogScroll {
			.sapMDialogScrollCont {
				-ms-overflow-x: hidden;
				overflow-x: hidden;
			}
		}
	}
}

//the rtl will change the transform-translate from (-50% -50%) to (50% -50%)
[dir="rtl"] .sapMDialog {
	left: 50%; //this will be changed 'right: 50%' from the rtl mode
}

[dir="rtl"] .sapMDialog.sapMDialogTouched {
	left: auto;
}

// set max height and max width ========================================================================================

.sapMDialog {
	max-width: 90%;
}

.sapMDialog > .sapMDialogSection {
	max-width: 100%;
}

// =====================================================================================================================
// there are 6 cases (3 vars - header, subheader, and footer)
// =====================================================================================================================

.setDialogMaxHeight(@_barHeight, @_path) {

	//with header, subheader and footer (3 bars)
	@{_path}.sapMDialogWithSubHeader:not(.sapMDialog-NoHeader):not(.sapMDialog-NoFooter) {
		max-height: calc(~"100% - " @_barHeight * 3 ~" - " @sapMDialogMarginHeight);
	}

	//with header, no subheader and footer (2 bars)
	@{_path}:not(.sapMDialog-NoHeader):not(.sapMDialog-NoFooter):not(.sapMDialogWithSubHeader) {
		max-height: calc(~"100% - " @_barHeight * 2 ~" - " @sapMDialogMarginHeight);
	}

	//with no headers and footer (1 bar)
	@{_path}.sapMDialog-NoHeader:not(.sapMDialog-NoFooter):not(.sapMDialogWithSubHeader) {
			max-height: calc(~"100% - " @_barHeight ~" - " @sapMDialogMarginHeight);
	}

	//with 2 headers with no footer (2 bars)
	@{_path}:not(.sapMDialog-NoHeader).sapMDialog-NoFooter.sapMDialogWithSubHeader {
		max-height: calc(~"100% - " @_barHeight ~" - " @sapMDialogMarginHeight);
	}

	//with 1 sub-header and no footer (1 bar)
	@{_path}.sapMDialog-NoHeader.sapMDialog-NoFooter.sapMDialogWithSubHeader {
		max-height: calc(~"100% - " @_barHeight ~" - " @sapMDialogMarginHeight);
	}

	//with header, no sub-header and no footer (1 bar)
	@{_path}:not(.sapMDialog-NoHeader).sapMDialog-NoFooter:not(.sapMDialogWithSubHeader) {
		max-height: calc(~"100% - " @_barHeight ~" - " @sapMDialogMarginHeight);
	}

	//with no headers and no footer (0 bars)
	@{_path}.sapMDialog-NoHeader.sapMDialog-NoFooter:not(.sapMDialogWithSubHeader) {
		max-height: calc(~"100% - " @_barHeight);
	}
}

.setDialogMaxHeight(@sapMDialogBarHeight, ~".sapMDialog");
.setDialogMaxHeight(@sapMDialogBarCompactHeight, ~".sapUiSizeCompact .sapMDialog");


// end max height and max width ========================================================================================

.sapMDialog .sapMDialogScrollCont > * {
	vertical-align: middle;
}

// Removing borders, shadow, and rounded corners when the dialog is on fullscreen
.sapMDialog.sapMDialogStretched {
	border: none;
	border-radius: 0;
	box-shadow: 0;
	transform: none;
	-webkit-transform: none;
	right: 0 !important;
	bottom: 0 !important;
	top: 0 !important;
	left: 0 !important;
	max-height: none !important;
	max-width: none !important;
	height: auto !important; //this is for preventing inline size/width sizes set the width
	width: auto !important; //this is for preventing inline size/height sizes set the height
	min-width: 0 !important; //this is for preventing the dialog to hold it's width in small screens
	min-height: 0 !important; //this is for preventing the dialog to hold it's width in small screens
}

html.sap-phone .sapMDialog {
	min-width: 18rem;
	overflow: hidden;

	& > footer  {
		display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
		display: -webkit-flex; /* NEW - Chrome */
		display: flex;
		padding: 0 0.25rem;

		.sapMTBSpacer {
			display: none;
		}

		.sapMBtn {
			-webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
			-webkit-flex: 1; /* Chrome */
			flex: 1;
			min-width: 31%;
		}
	}
}

html.sap-tablet .sapMDialog,
html.sap-desktop .sapMDialog {
	min-width: 25rem;
}

.sapMDialog > .sapMBar {
	position: relative;
	width: auto;
}

.sapMDialog .sapMDialogSection {
	overflow: hidden;
	position: relative;
}

.sapMDialogScroll {
	display: inline-block; /*this is for horizontal scrolling enablement */
	height: auto;
	width: 100%;
	vertical-align: middle;
}

/* disable scrolling automatically for sap.m.Page sap.m.NavContainer sap.m.ScrollingContainer inside Dialog */
.sapMDialogVerScrollDisabled .sapMDialogScroll {
	height: 100%;
}

/* disable scrolling automatically for sap.m.Page sap.m.NavContainer sap.m.ScrollingContainer inside Dialog */
.sapMDialogHorScrollDisabled .sapMDialogScroll {
	display: block;
	/* This div has position set to absolute when runs in android native browser with version less than 4.1. */
	/* Width needs to be set to 100% due to position absolute */
	width: 100%;
}

.sapMDialogHidden {
	/* display: none; */
	/* visibility need to be used instead of display none, because some control inside dialog may need to do calculation */
	visibility: hidden;
}

.sapMDialogBlockLayer {
	opacity: 0.6;
}

.sapMDialogTransparent {
	opacity: 0;
}

.sapUiPopupWithPadding .sapMDialogScrollCont {
	padding: @sapMDialogPadding;
}

.sapUiPopupWithPadding .sapMDialogScrollCont.sapMDialogStretchContent {
  	height: calc(~"100% - 2 * " @sapMDialogPadding);
}

.sapMDialogScrollCont.sapMDialogStretchContent {
  	height: 100%;
}

/* messagedialog always has content padding */
.sapMMessageDialog .sapMDialogScrollCont {
	box-sizing: border-box;
	padding: 1rem;
}

.sapMDialogWithScrollCont .sapMDialogScroll {
	/*
      This property together with the position: absolute in sapMDialogScrollCont fixes the browser bug stated here:
      http://stackoverflow.com/questions/8468066/child-inside-parent-with-min-height-100-not-inheriting-height
  */
	position: relative;
}
.sapUiPopupWithPadding.sapMDialogWithScrollCont .sapMDialogScrollCont {
  	height: 100%;
}

.sapMDialogWithScrollCont .sapMDialogScrollCont {
	height: 100%;
	padding: 0;
	position: absolute;
	width: 100%;
}

.sapMActionSheetDialog .sapMDialogScrollCont {
	padding: 0; /* no content padding for action sheet */
}

.sapMDialogOpen {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
	-webkit-transform: translate(-50%, -50%) scale(1);
}

.sapMDialogBlockLayerAnimation {
	position: absolute;
	transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMDialog", ~"> section > .sapMDialogScroll > .sapMDialogScrollCont");

/* ====================================================== */

.sapMDialog.sapMMessageDialog {
	font-size: 0.875rem;
}

.sapMDialog > header.sapMDialogTitle,
.sapMDialog > header.sapMDialogSubHeader {
	font-size: 1rem;
}

.sapMDialogIcon ~ .sapMDialogTitle {
	display: inline;
}

/* remove the branding color of bar in page when page is in dialog*/
.sapMDialog .sapMIBar.sapMPageHeader::before {
	border-top: none;
}

.sapMMessageDialog.sapMPopup-CTX > header.sapMDialogTitle {
	background-image: none;
	filter: none;
}

.sapMDialog > header.sapMDialogTitle .sapMTitle {
	color: @sapUiPageHeaderTextColor;
	margin: 0;
	vertical-align: middle;
}

.sapMDialog > header.sapMDialogTitle .sapMImg {
	height: 2.25rem;
	margin-right: 0.625rem;
	vertical-align: middle;
	width: 2.25rem;
}

.sapMDialog > header.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
	font-size: 1.25rem;
	margin-right: 0.5rem;
	vertical-align: middle;
}

.sapMTB.sapMTBNoBorders {
	border-bottom: none;
}

.sapMDialog > footer {

	#dialogWithManyButtons-footer-overflowButton-inner {
		padding-left: 0;
	}

	#dialogWithManyButtons-footer-overflowButton-img {
		position: static;
	}
}

/* Compact size */
.sapUiSizeCompact {

	&.sapMDialog,
	.sapMDialog {
		min-height: @sapMDialogBarCompactHeight;
		padding-bottom: @sapMDialogBarCompactHeight;
		padding-top: @sapMDialogBarCompactHeight;

		&.sapMDialogWithSubHeader {
			padding-top: @sapMDialogBarCompactHeight + @sapMDialogBarCompactHeight;

		  	&.sapMDialog-NoHeader {
				padding-top: @sapMDialogBarCompactHeight;

				& > .sapMDialogSubHeader {
			  		top: 0;
				}
		  	}
		}

		& > .sapMDialogTitle {
			height: @sapMDialogBarCompactHeight;

			.sapMBarPH {
				line-height: @sapMDialogBarCompactHeight;
			}
		}

		& > .sapMDialogSection {
			min-height: @sapMDialogBarCompactHeight;
		}

		& > footer {
			height: @sapMDialogBarCompactHeight;
		}

		& header.sapMDialogSubHeader {
			height: @sapMDialogBarCompactHeight;
			top: @sapMDialogBarCompactHeight;
		}
	}

	&.sapMDialog > header.sapMDialogTitle > .sapMBarMiddle > .sapMBarPH > .sapMImg {
		&.sapMDialog > header.sapMDialogTitle > .sapMBarMiddle > .sapMBarPH > .sapMImg,
		& .sapMDialog > header.sapMDialogTitle > .sapMBarMiddle > .sapMBarPH > .sapMImg {
			height: 1.5rem;
			width: 1.5rem;
		}

		&.sapMDialog > header.sapMDialogTitle > .sapMBarMiddle > .sapMBarPH > .sapUiIcon,
		& .sapMDialog > header.sapMDialogTitle > .sapMBarMiddle > .sapMBarPH > .sapUiIcon {
			font-size: 1rem;
			height: 1.5rem;
			line-height: 1.5rem;
			width: 1rem;
		}

		&.sapMDialog > header:first-of-type.sapMHeader-CTX,
		&.sapMDialog > footer:last-of-type.sapMFooter-CTX,
		& .sapMDialog > header:first-of-type.sapMHeader-CTX,
		& .sapMDialog > footer:last-of-type.sapMFooter-CTX {
			height: 2.5rem;

			.sapMBarLeft,
			.sapMBarRight,
			.sapMBarPH {
				padding-bottom: 0.25rem;
				padding-top: 0.25rem;
			}
		}
	}
}

.sapMDialogResizing,
.sapMDialogResizing * {
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

//remove the transform translate
.sapMDialogTouched {
	transform: scale(1);
	-webkit-transform: scale(1);
}

.sapDialogDisableTransition {
	transition: none;
	-webkit-transition: none;
}

.sapMDialogResizeHandler {
	bottom: 0.5rem;
	cursor: se-resize;
	height: .5rem;
	position: absolute;
	right: 0;
	width: .5rem;
	z-index: 2;
  	line-height: 1rem;

	&:before {
		left: 0;
		position: relative;
		top: 0;
	}
}

.sapMDialog {
	box-sizing: content-box;
	min-height: @sapMDialogBarHeight;
	padding-bottom: @sapMDialogBarHeight;
	padding-top: @sapMDialogBarHeight;

	&.sapMDialog-NoFooter {
		padding-bottom: 0;
	}

	&.sapMDialog-NoHeader {
		padding-top: 0;
	}

	&.sapMDialogWithSubHeader {
		padding-top: @sapMDialogBarHeight + @sapMDialogBarHeight;

	  	&.sapMDialog-NoHeader {
			padding-top: @sapMDialogBarHeight;

		  	& > .sapMDialogSubHeader {
				top: 0;
		  	}
		}
	}

	& > .sapMDialogTitle {
		height: @sapMDialogBarHeight;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	& > .sapMDialogSection {
		height: 100%;
		min-height: @sapMDialogBarHeight;
	}

	& > footer {
		bottom: 0;
		height: @sapMDialogBarHeight;
		left: 0;
		position: absolute;
		right: 0;
	}

	&.sapMDialogDraggable > header {
		cursor: move;
	}

	& header.sapMDialogSubHeader {
		cursor: default;
		height: @sapMDialogBarHeight;
		left: 0;
		position: absolute;
		right: 0;
		top: @sapMDialogBarHeight;
		z-index: 2;
	}
}

//remove transition when animation is off
html[data-sap-ui-animation='off'] {
	.sapMDialog,
	.sapMDialogBlockLayerAnimation {
		transition: none;
	}
}

.sapMDialog > .sapMDialogSection {
  	background: @sapUiGroupContentBackground;
}

.sapMDialogWarning > header {
	&.sapMDialogTitle .sapUiIcon {
		color: @sapUiCriticalElement;
	}

	&.sapMBar:last-of-type {
	  	box-shadow: inset 0 -0.125rem @sapUiWarningBorder;
	}
}

.sapMDialogError > header {
	&.sapMDialogTitle .sapUiIcon {
		color: @sapUiNegativeElement;
	}

	&.sapMBar:last-of-type {
	  	box-shadow: inset 0 -0.125rem @sapUiErrorBorder;
	}
}

.sapMDialogSuccess > header {
	&.sapMDialogTitle .sapUiIcon {
		color: @sapUiPositiveElement;
	}

	&.sapMBar:last-of-type {
	  	box-shadow: inset 0 -0.125rem @sapUiSuccessBorder;
	}
}
/* END "Dialog.less" */

/* START "DisplayListItem.less" */
/* ====================================== */
/* CSS for control sap.m/DisplayListItem  */
/* Base theme                             */
/* ====================================== */

.sapMDLI {
	display: -webkit-box;
	display: flex;
	height: 3rem;
}

.sapMDLILabel {
	-webkit-box-flex: 1;
	flex: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 3rem;
	display: block;
	font-size: 1.125rem;
	-webkit-box-align: center;
	align-items: center;
	color: @sapUiListTextColor;
}

.sapMLIBActionable .sapMDLILabel {
	cursor: pointer;
}

.sapMDLIValue {
	-webkit-box-flex: 1;
	flex: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 3rem;
	font-size: 0.875rem;
	margin-left: 1rem;
	text-align: right;
	color: @sapUiContentLabelColor;
}

.sapMDLI > .sapMLIBContent {
	display: -webkit-box;
	display: flex;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 3rem;
}

html[dir=rtl] .sapMDLIValue {
	text-align: left;
}

.sapMLIBActive .sapMDLILabel {
	color: @sapUiListActiveTextColor;
}

.sapMLIBActive .sapMDLIValue {
	color: @sapUiListActiveTextColor;
}

/* Compact size */
.sapUiSizeCompact .sapMDLI {
	height: 2rem;
}

.sapUiSizeCompact .sapMDLI > .sapMLIBContent {
	line-height: 2rem;
}

.sapUiSizeCompact .sapMDLILabel {
	font-size: @sapMFontMediumSize;
}
/* END "DisplayListItem.less" */

/* START "DraftIndicator.less" */
/* ===================================== */
/* CSS for control sap.m/DraftIndicator  */
/* Base theme                            */
/* ===================================== */

.sapMDraftIndicator .sapMLabel {
	font-style: italic;
	padding-left: 1rem;
	padding-right: 1rem;
}
/* END "DraftIndicator.less" */

/* START "MessagePage.less" */
/* ================================== */
/* CSS for control sap.m/MessagePage  */
/* Base theme                         */
/* ================================== */

/* MessagePage general styles */
.sapMMessagePage {
	width: 100%;
	height: 100%;
	background: @sapUiGlobalBackgroundColor;
}
.sapMMessagePage > .sapMPage > section {
	padding: 1rem;
}

/* MessagePage inner controls styles*/
.sapMMessagePage > .sapMPage > section > .sapMText,
.sapMMessagePage > .sapMPage > section > .sapMLnk {
	font-family: @sapUiFontFamily;
	margin-top: 1rem;
}
.sapMMessagePage .sapMMessagePageMainText {
	font-size: 1.5rem;
	line-height: 2rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.sapMMessagePage .sapMMessagePageDescription {
	font-size: 1rem;
	display: inline-block;
}

/* the inner controls should have limited width */
.sapMMessagePage .sapMMessagePageMainText,
.sapMMessagePage .sapMMessagePageDescription {
	max-width: 30rem;
}

.sapMMessagePage > .sapMPage {
	section {
		width: 100%;
		box-sizing: border-box;
		text-align: center;
		margin: 0 auto;
	}
}

.sapMMessagePage > .sapMPage section::before {
	display: block;
	content: "";
	height: 25%;
}

.sapMMessagePage > .sapMPage > section > .sapUiIcon::before {
	font-size: 6rem;
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMMessagePage .sapMText.sapMMessagePageMainText {
	color: @sapUiGroupTitleTextColor;
	font-size: @sapMFontHeader2Size;
}

.sapMMessagePage .sapMText.sapMMessagePageDescription {
	color: @sapUiContentLabelColor;
	font-size: @sapMFontHeader5Size;
}
/* END "MessagePage.less" */

/* START "FacetFilter.less" */
/* ================================== */
/* CSS for control sap.m/FacetFilter  */
/* Base theme                         */
/* ================================== */

.sapMFF > .sapMTB-Info-CTX.sapMTB,
.sapUiSizeCompact .sapMFF {
	height: 2rem;
}

.sapUiSizeCompact .sapMFFArrowScroll {
	padding: 0.5rem 0.4rem;
}

.sapUiSizeCompact .sapMFF .sapMFFLRemoveIcon {
	line-height: 0.8rem;
	padding: 0.6rem;
}

.sapMFF {
	position: relative;
}

.sapMFFHead {
	margin-left: 0rem;
	white-space: nowrap;
	position: relative;
	overflow: hidden;
}

.sapMFF .sapUiIcon,
.sapMFF .sapMTB .sapMBtnIcon .sapUiIcon {
	/* Override the default button icon size since it is too big. */
	font-size: 1rem;
}

html.sap-phone .sapMFFHead {
	margin: 1rem;
}

/* Scroll arrows */
html.sap-desktop .sapMFFScrolling > .sapMFFHead {
	margin-right: 2rem;
	margin-left: 3rem;
}

.sapMFFArrowScroll {
	font-size: 1rem;
	line-height: 1rem;
	position: absolute;
	top: 0;
	color: @sapUiContentIconColor;
	padding: 1rem 0.4rem;
}

.sapMFFArrowScrollLeft {
	left: 1rem;
}

.sapMFFArrowScrollRight {
	right: 0;
}

.sapMFFNoScrolling > .sapMFFArrowScroll {
	visibility: hidden;
}

html.sap-desktop .sapMFFScrolling.sapMFFNoScrollBack > .sapMFFArrowScrollLeft,
html.sap-desktop .sapMFFScrolling.sapMFFNoScrollForward > .sapMFFArrowScrollRight {
	visibility: hidden;
}

/* Reset button */
.sapMFFResetDiv {
	position: absolute;
	width: 3rem;
	right: -3rem;
	top: 0;
}

.sapMFFResetSpacer {
	/* Space reserved at the end of the FacetFilter for placing the reset button */
	margin-right: 3rem;
}

.sapMFF .sapMTB-Info-CTX .sapMBtnIcon .sapUiIcon {
	color: @sapUiContentContrastIconColor;
}

/* Move the reset button to the end of the toolbar */
.sapMFF .sapMTB-Info-CTX.sapMTB > .sapMBarChild.sapMBtn {
    margin: 0;
}

.sapMFF .sapMTB-Info-CTX.sapMTB {
    padding-right: 0;
}


.sapMFF .sapMTB-Info-CTX.sapMTB > .sapMBtn:hover {
    background-color: @sapUiInfobarHoverBackground;
}

html.sap-desktop .sapMFFRefresh .sapMBtnTransparent > .sapMBtnIcon, html.sap-phone .sapMFFRefresh .sapMBtnTransparent > .sapMBtnIcon {
	color: @sapUiContentContrastIconColor;
}

.sapMFF .sapMTB-Info-CTX.sapMTB > .sapMBtn:active {
    background-color: @sapUiInfobarActiveBackground;
}

.sapMFFCheckbar {
	cursor: pointer
}

.sapMFFDialog .sapMCbLabel {
	cursor: pointer
}

.sapMFF .sapMFFArrowScroll:hover {
	background-color: @sapUiButtonLiteHoverBackground;
}

.sapMFF .sapMFFArrowScroll:active {
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiContentContrastIconColor;
}

/* specific selector for the light facet filter text to use padding instead of margin,
  otherwise the text gets cut off in Arabic because of the italic font
*/
.sapMFF > .sapMIBar.sapMTB.sapMTB-Info-CTX > .sapMText {
	margin: 0;
	padding: 0.5rem;
}
/* END "FacetFilter.less" */

/* START "FacetFilterItem.less" */
/* ====================================== */
/* CSS for control sap.m/FacetFilterItem  */
/* Base theme                             */
/* ====================================== */

/*
	Fix alignment of the list item counter and force a min height.
*/
.sapMFFLI {
	display: -webkit-box;
	display: flex;
	min-height: 3rem;
}

/*
	Fix alignment of the list item counter.
*/
.sapMFFLI > .sapMLIBContent {
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-align: center;
	align-items: center;
}

.sapMFFLITitle {
	font-size: 1.125rem;
	color: @sapUiListTextColor;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMFFLITitleWrap {
       word-wrap: break-word;
       overflow: hidden;
       text-overflow: ellipsis;
       -webkit-box-flex: 1;
       flex: auto;
       -webkit-box-align: center;
       align-items: center;
}
/* END "FacetFilterItem.less" */

/* START "FacetFilterList.less" */
/* ====================================== */
/* CSS for control sap.m/FacetFilterList  */
/* Base theme                             */
/* ====================================== */

/* Facet Filter Popover */
.sapMFFPop.sapMPopover,
.sapMFFPop.sapMPopover .sapMPopoverCont {
	min-width: 300px;
}

.sapMFFPop .sapMCbLabel {
	cursor: pointer
}

.sapMFF .sapMFFLRemoveIcon {
	color: @sapUiButtonIconColor;
	font-size: 0.875rem;
	line-height: 2rem;
	padding-bottom: 0.25rem;
	padding-top: 0.25rem;
	padding-left: 0.65rem;
	padding-right: 0.65rem;
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}

.sapMFF .sapMFFLRemoveIcon:hover {
	background-color: @sapUiButtonLiteHoverBackground;
	border-radius: 0.2rem;
}

.sapUiSizeCompact .sapMFF .sapMFFLRemoveIcon {
	line-height: 1.5rem;
	padding-bottom: 0.05rem;
	padding-top: 0.05rem;
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}


/*
We need to toggle separate classes to show/hide the remove icon, otherwise
clicking the icon does not remove the facet button in ie9
*/
.sapMFF .sapMFFLVisibleRemoveIcon {
	visibility: visible;
}

.sapMFF .sapMFFLHiddenRemoveIcon {
	visibility: hidden;
}

.sapMFF .sapMFFLRemoveIcon:hover {
	background-color: @sapUiButtonLiteHoverBackground;
}

.sapMFF .sapMFFLRemoveIcon:active {
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiContentContrastIconColor;
}
/* END "FacetFilterList.less" */

/* START "FeedContent.less" */
/* ================================== */
/* CSS for control sap.m/FeedContent  */
/* Base theme                         */
/* ================================== */

.sapMFC {
	outline: none;
	position: relative;
	width: 20.5rem;
	height: 3.875rem;
	display: inline-block;
}

.sapMFCCTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	height: 2.126rem;
	max-width: 20.5rem;
	margin-top: 0.3rem;

	.sapMText {
		display: inline;
		line-height: 1.063rem;
	}
}

.sapMFCSbh {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 20.5rem;
	line-height: 1.063rem;
	font-size: @sapMFontSmallSize;
	color: @sapUiTileTextColor;
}

.sapMFCValue {
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 1rem;
	padding-top: 0.875rem;
	font-size: 2.5rem;
	line-height: 3rem;
	max-width: 20.5rem;
	float: right;
	font-family: @sapUiFontHeaderFamily;
	font-weight: @sapUiFontHeaderWeight;
}

.sapMFCCTxt > .sapMText {
	cursor:inherit;
}

.sapMFC:focus:not([tabindex]) {
	outline: none;
}

/* BREAKPOINT FOR SMALL PHONES */
@media screen and (max-width: 374px) {
	.sapMFC {
		width: 17.75rem;
		height: 3.438rem;
	}

	.sapMFCCTxt {
		max-width: 17.75rem;
		margin-top: 0.1rem;
	}

	.sapMFCSbh {
		max-width: 17.75rem;
	}

	.sapMFCValue {
		padding-top: 1.188rem;
		padding-left: 0.5rem;
		font-size: 2rem;
		line-height: 2.25rem;
		max-width: 17.75rem;
	}
}

.sapMFCCTxt .sapMText {
	font-size: @sapMFontSmallSize;
	color: @sapUiTileTitleTextColor;
}

.sapMFCValue.Neutral {
	color: @sapUiNeutralText;
}

.sapMFCValue.Good {
	color: @sapUiPositiveText;
}

.sapMFCValue.Critical {
	color: @sapUiCriticalText;
}

.sapMFCValue.Error {
	color: @sapUiNegativeText;
}

html.sap-desktop .sapMFC:focus {
	outline: 1px dotted @sapUiContentFocusColor;
}

html.sap-desktop .sapMFC:focus:not([tabindex]) {
	outline: none;
}
/* END "FeedContent.less" */

/* START "FeedInput.less" */
/* ================================ */
/* CSS for control sap.m/FeedInput  */
/* Base theme                       */
/* ================================ */

.sapMFeedIn {
	display: block;
	position: relative;
	background-color: @sapUiContentImagePlaceholderBackground;
	padding: 0.5rem 0.5rem 0.5rem 5rem;
	width: 100%;
	box-sizing: border-box;
}

/*hide the icon if the width of the screen <=25rem */
@media (max-width: 25rem) {
	.sapMFeedInFigure {
		display: none;
	}

	.sapMFeedIn {
		padding-left: 0.5rem;
	}
}

.sapMFeedInNoIcon {
	padding-left: 0.5rem;
}

.sapMFeedInFigure {
	position: absolute;
	height: 4rem;
	width: 4rem;
	margin: 0 0 0 0.5rem;
	background-color: @sapUiContentImagePlaceholderBackground;
	border-width: 0.125rem;
	box-sizing: border-box;
	border-style: solid;
	border-color: @sapUiFieldBackground; /* the background parameter is used for to ensure the border theme is aligned with the text area background */
	left: 0;
	overflow: hidden;
}

.sapMFeedInImage {
	width: 3.75rem;;
	line-height: 3.75rem;
	font-size: 2.25rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
	background-color: @sapUiContentImagePlaceholderBackground;
	color: @sapUiContentImagePlaceholderForegroundColor;
}

.sapMFeedIn .sapMFeedInContainer {
	background-color: @sapUiFieldBackground;
	width: 100%;
	min-height: 4rem;
	max-height: 20rem;
	position: relative;
}

.sapMFeedIn >.sapMFeedInContainer >.sapMInputBase {
	width: 100%;
	padding: 0 4.0rem 0 0;
	margin: 0;
	min-height: 4rem;
}

.sapMFeedIn >.sapMFeedInContainer > .sapMTextArea> .sapMInputBaseInner {
	border-bottom-style: hidden;
	border-top-style: hidden;
	border-left-style: hidden;
	border-right-style: hidden;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-style: normal;
	font-weight: normal;
	color: @sapUiFieldTextColor;
	line-height: 1.4;
	padding: 0.5rem 0.05rem 0.5rem 0.5rem;
	min-height: 4rem;
}

.sapMFeedIn .sapMBtn {
	width: 4.0rem;
	height: 3.75rem;
	padding-top: 0.25rem;
	padding-right: 0.25rem;
	padding-bottom: 0.25rem;
	position: absolute;
	right: -0.25rem;
	bottom: 0.25rem;
}

html[data-sap-ui-browser*='ie'] .sapMFeedIn .sapMBtnInner {
	width: 3.5rem;
	display: block;
}

.sapMFeedIn .sapMBtnInner {
	width: 3.5rem;
	height: 3.5rem;
	background-color: @sapUiButtonBackground;
	padding: 0;
}

.sapMFeedIn .sapMBtnIcon{
	width: 3.5rem;
	height: 3.5rem;
}

.sapMFeedIn .sapMBtnIcon {
	width: 2.375rem;
	height: 2.375rem;
	padding: 0.5rem;
	font-size: 1.5rem;
	line-height: 2.375rem;
}
/* END "FeedInput.less" */

/* START "FeedListItem.less" */
/* =================================== */
/* CSS for control sap.m/FeedListItem  */
/* Base theme                          */
/* =================================== */

.sapMFeedListItem {
	display: block;
}

.sapMFeedListItem .sapUiSelectable > * {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;

	&::selection {
		background: @sapUiSelected;
		color: @sapUiContentContrastTextColor;
	}

	&::-moz-selection {
		background: @sapUiSelected;
		color: @sapUiContentContrastTextColor;
	}
}

.sapMFeedListItemImageInactive {
	cursor: default;
}

.sapMFeedListShowSeparatorsAll .sapMFeedListItem {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* Makes sure that floating image is not displayed in the next list item. */
.sapMFeedListItem:after {
	content: " ";
	display: block;
	height: 0rem;
	clear: both;
	overflow: hidden;
	visibility: hidden;
}

.sapMFeedListItem .sapMFeedListItemTextText a,
.sapMFeedListItem .sapMFeedListItemTextText span,
.sapMFeedListItem .sapMFeedListItemTextName a {
	font-family: @sapUiFontFamily;
	font-weight: bold;
	line-height: 1.4;
}

/*
 The following is necessary to make sure that image links
 do not show a border when run in IE.
 */
.sapMFeedListItemFigure img {
	border: 0rem;
}

.sapMFeedListItemText {
	vertical-align: top;
	margin: 0rem;
}

.sapMFeedListItemTextString {
	cursor: text;
}

.sapMFeedListItemText .sapMLnk {
	vertical-align: top;
}

html.sap-tablet .sapMFeedListItemHasFigure,
html.sap-desktop .sapMFeedListItemHasFigure {
	margin-left: 3.75rem;
}

.sapMFeedListItemTextText {
	margin: 0rem;
	line-height: 1.4;
	font-family: @sapUiFontFamily;
	text-overflow: ellipsis;
}

.sapMFeedListItemFigure {
	float: left;
	height: 3rem;
	width: 3rem;
	overflow: visible;
	margin: 0rem;
}

.sapMFeedListItemImageInactive,
.sapMFeedListItemImage {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 2.5rem;
	margin-left: 0rem;
	margin-right: 0rem;
	overflow: hidden;
}

.sapMFeedListItemTimestamp {
	line-height: auto;
}

.sapMFeedListItemTimestampText,
.sapMFeedListItemInfoText {
	cursor: text;
}

.sapMFeedListItemInfo {
	line-height: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMFeedListItemTextName {
	line-height: 1.4;
	font-family: @sapUiFontFamily;
	font-weight: bold;
}

html[dir=rtl] .sapMFeedListItemTextName {
	/* 	In rtl mode, this will be converted to 'float: right;' which
		is the correct value
	*/
	float: left;
	margin-right: 0.3rem;
}

html[dir=rtl].sap-phone .sapMFeedListItemTextName {
	/* 	Overwrite rtl values for phones
	*/
	float: none;
	margin-right: 0;
}

.sapMFeedListItemFooter {
	margin-top: 0.375rem;
	margin-bottom: 0rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-family: @sapUiFontFamily;
}

.sapMFeedListItemTitleDiv.sapMLIB {
	display: -webkit-box;
	-webkit-box-orient: horizontal;
	-webkit-box-align: center;
	flex-direction: row;
	align-items: center;
}

.sapMFeedListShowSeparatorsNone.sapMLIB {
	border-bottom: 0;
}

.sapMFeedListItemTitleDiv > .sapMLIBContent {
	flex-basis: auto;
	overflow: hidden;
}


/* phone adoption */
html.sap-phone .sapMFeedListItemHeader {
	white-space: nowrap;
	overflow: hidden;
}

html.sap-phone .sapMFeedListItemHeader.sapMFeedListItemFullHeight,
html.sap-phone .sapMFeedListItemHeader.sapMFeedListItemHasFigure {
	height: 3.1rem;
}

html.sap-phone .sapMFeedListItemImageInactive,
html.sap-phone .sapMFeedListItemImage {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 2.5rem;
}

html.sap-phone .sapMFeedListItemTextName {
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

html.sap-phone .sapMFeedListItemTextName a {
	font-family: @sapUiFontFamily;
	font-weight: normal;
	width: 100%;
}

html.sap-phone .sapMFeedListItemFigure {
	height: 3rem;
	width: 3rem;
	margin-right: 0.75rem
}

html.sap-phone .sapMFeedListItemFooter {
	margin-top: 0.375rem;
	margin-bottom: 0rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

html.sap-phone .sapMFeedListItemTimestamp {
	margin-top: 0;
	margin-bottom: 0.25rem;
	overflow: hidden;
	text-overflow: ellipsis;
}

html.sap-phone .sapMFeedListItemText {
	clear: left;
	line-height: 1.4;
	margin-top: 0.75rem;
	margin-bottom: 0;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMFeedListItemTextText {
	font-size: @sapMFontMediumSize;
	color: @sapUiListTextColor;
	word-wrap: break-word;
}

.sapMFeedListItemImageInactive:focus,
.sapMFeedListItemImage:focus {
	outline-style: dotted;
	outline-color: @sapUiContentFocusColor;
	outline-width: 0.0625rem;
}

html.sap-tablet .sapMFeedListItem .sapMLnk:focus {
	outline-style: dotted;
	outline-color: @sapUiContentFocusColor;
	outline-width: 0.0625rem;
}

/* Allow image outline(-left) to be rendered completely */
.sapMFeedListShowSeparatorsAll .sapMFeedListItem {
	padding-left: 0.0625rem;
}

.sapMFeedListItemTitleDiv.sapMLIB {
	padding-left: 0.9375rem;
}

html.sap-desktop .sapMFeedListItem .sapMLnk:focus {
	outline-color: @sapUiContentFocusColor;
}

.sapMFeedListItemImage,
.sapMLIBActive .sapMFeedListItem span.sapMFeedListItemImage {
	color: @sapUiContentIconColor;
}

.sapMFeedListItemImageInactive,
.sapMLIBActive .sapMFeedListItem span.sapMFeedListItemImageInactive {
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMFeedListItemTextName {
	font-size: @sapMFontMediumSize;
	color: @sapUiListTextColor;
}

.sapMFeedListItemFooter {
	font-size: @sapMFontSmallSize;
	color: @sapUiContentLabelColor;
}

.sapMFeedListItem .sapMFeedListItemTextText a,
.sapMFeedListItem .sapMFeedListItemTextText span,
.sapMFeedListItem .sapMFeedListItemTextName a {
	font-size: @sapMFontMediumSize;
	color: @sapUiLink;
}

.sapMFeedListItemText {
	color: @sapUiListTextColor;
}


.sapMLIBActive .sapMFeedListItem a,
.sapMLIBActive .sapMFeedListItem span,
.sapMLIBActive .sapMFeedListItem p,
.sapMLIBActive .sapMFeedListItemFooter,
.sapMLIBActive .sapMFeedListItemText,
.sapMLIBActive .sapMFeedListItemTimestamp,
.sapMLIBActive .sapMFeedListItem .sapMFeedListItemTextText .sapMFeedListItemTextString,
.sapMLIBActive .sapMFeedListItem:hover .sapMFeedListItemTextText> .sapMFeedListItemLinkExpandCollapse,
.sapMLIBActive .sapMFeedListItemTextText,
.sapMLIBActive .sapMFeedListItemTextText>.sapMLnk,
.sapMLIBActive .sapMFeedListItemTextText>.sapMLnk.sapMLnkDsbl
.sapMLIBActive .sapMFeedListItemTextName>.sapMLnk,
.sapMLIBActive .sapMFeedListItemTextName>.sapMLnk.sapMLnkDsbl {
	color: @sapUiListActiveTextColor;
	opacity: 1;
	text-decoration: none;
}

.sapMFeedListItemTextText>.sapMLnk.sapMLnkDsbl,
.sapMFeedListItemTextName>.sapMLnk.sapMLnkDsbl,
html.sap-desktop .sapMFeedListItemTextName>.sapMLnk.sapMLnkDsbl:hover {
	opacity: 1;
	color: @sapUiListTextColor;
}

.sapMFeedListItemTextText>.sapMLnk {
    display: inline;
}

.sapMFeedListItemTextText>.sapMLnk.sapMLnkDsbl {
	color: @sapUiListTextColor;
}

html.sap-desktop .sapMFeedListItemTextText>.sapMLnk.sapMLnkDsbl:hover {
	color: @sapUiListTextColor;
}

.sapMFeedListShowSeparatorsAll.sapMLIB {
	border-bottom: 0.063rem solid @sapUiListBorderColor;
}

html.sap-phone .sapMFeedListItemTextName a {
	line-height: normal;
	font-size: @sapMFontLargeSize;
}

html.sap-phone .sapMFeedListItemText,
html.sap-phone .sapMFeedListItemTimestamp {
	font-size: @sapMFontMediumSize;
}

html.sap-phone .sapMFeedListItemFooter {
	font-size: @sapMFontSmallSize;
}

html.sap-phone .sapMFeedListItemTimestamp {
	color: @sapUiContentLabelColor;
	line-height: normal;
}

.sapMFeedListItem .sapMFeedListItemTextText> .sapMFeedListItemLinkExpandCollapse {
	font-weight: normal;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
}

.sapMFeedListItem:hover .sapMFeedListItemTextText> .sapMFeedListItemLinkExpandCollapse {
	color: @sapUiLink;
}

.sapMFeedListItem .sapMFeedListItemTextText .sapMFeedListItemTextString {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-style: normal;
	font-weight: normal;
	color: @sapUiListTextColor;
	line-height: 1.4;
}
/* END "FeedListItem.less" */

/* START "FlexBox.less" */
/* ============================== */
/* CSS for control sap.m/FlexBox  */
/* Base theme                     */
/* ============================== */

.sapMFlexBoxBGSolid,
.sapMFlexBoxBGTranslucent {
	background-color: @sapUiGroupContentBackground;
}

.sapMFlexBoxBGTransparent {
	background-color: transparent;
}

.sapMFlexBox {
	display: -webkit-box;	/* old syntax old support, up to android native 4.3, iOS Safari 6.1, Chrome Beta for Android */
	display: -webkit-flex;	/* prefixed for Safari 8 */
	display: flex;

	box-sizing: border-box;
}

.sapMFlexBoxInline:not(.sapMFlexBoxFit) {
	display: -webkit-inline-box;
	display: -webkit-inline-flex;
	display: inline-flex;
}

.sapMFlexBoxFit,
.sapMFlexBoxScroll {
	height: 100%;
}

/* Nested FlexBox should have auto-height because of the wrappers */
.sapMFlexBox > .sapMFlexBoxFit {
	height: auto;
}

.sapMFlexItem {
	position: relative;
}

.sapMFlexBoxAlignItemsCenter.sapMVBox > .sapMFlexItem {
	max-width: 100%; /* When using align-items:center on a flex container in the column direction, the contents of flex item, if too big, will overflow their container in IE 10-11. */
}

/*** flex-direction ***/
.sapMHBox {
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	flex-direction: row;
}
.sapMVBox {
	-webkit-box-orient: vertical;
	-webkit-flex-direction: column;
	flex-direction: column;
}
.sapMHBox.sapMFlexBoxReverse {
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.sapMVBox.sapMFlexBoxReverse {
	-webkit-box-direction: reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}


/*** justify-content ***/
.sapMFlexBoxJustifyStart {
	-webkit-box-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}
.sapMFlexBoxJustifyEnd {
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}
.sapMFlexBoxJustifyCenter {
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.sapMFlexBoxJustifySpaceBetween {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.sapMFlexBoxJustifySpaceAround {
	-webkit-box-pack: justify;	/* space-around is not available */
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.sapMFlexBoxJustifyInherit {
	-webkit-box-pack: inherit;
	-webkit-justify-content: inherit;
	justify-content: inherit;
}


/*** align-items ***/
.sapMFlexBoxAlignItemsStart {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
.sapMFlexBoxAlignItemsEnd {
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
.sapMFlexBoxAlignItemsCenter {
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.sapMFlexBoxAlignItemsBaseline {
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	align-items: baseline;
}
.sapMFlexBoxAlignItemsStretch {
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.sapMFlexBoxAlignItemsInherit {
	-webkit-box-align: inherit;
	-webkit-align-items: inherit;
	align-items: inherit;
}


/*** wrap ***/
.sapMFlexBoxWrapNoWrap {
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.sapMFlexBoxWrapWrap {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.sapMFlexBoxWrapWrapReverse {
	-webkit-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}


/*** align-content ***/
.sapMFlexBoxAlignContentStart {
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
.sapMFlexBoxAlignContentEnd {
	-webkit-align-content: flex-end;
	align-content: flex-end;
}
.sapMFlexBoxAlignContentCenter {
	-webkit-align-content: center;
	align-content: center;
}
.sapMFlexBoxAlignContentSpaceBetween {
	-webkit-align-content: space-between;
	align-content: space-between;
}
.sapMFlexBoxAlignContentSpaceAround {
	-webkit-align-content: space-around;
	align-content: space-around;
}
.sapMFlexBoxAlignContentStretch {
	-webkit-align-content: stretch;
	align-content: stretch;
}


/*** align-self ***/
.sapMFlexItemAlignAuto {
	-webkit-align-self: auto;
	align-self: auto;
}
.sapMFlexItemAlignStart {
	-webkit-align-self: flex-start;
	align-self: flex-start;
}
.sapMFlexItemAlignEnd {
	-webkit-align-self: flex-end;
	align-self: flex-end;
}
.sapMFlexItemAlignCenter {
	-webkit-align-self: center;
	align-self: center;
}
.sapMFlexItemAlignBaseline {
	-webkit-align-self: baseline;
	align-self: baseline;
}
.sapMFlexItemAlignStretch {
	-webkit-align-self: stretch;
	align-self: stretch;
}
.sapMFlexItemAlignInherit {
	-webkit-align-self: inherit;
	align-self: inherit;
}
/* END "FlexBox.less" */

/* START "FormattedText.less" */
/* ==================================== */
/* CSS for control sap.m/FormattedText  */
/* Base theme                           */
/* ==================================== */

.sapMFT {
	font-family: @sapUiFontFamily;
	vertical-align: top;
	overflow: auto;
}

/* If control is used on black/dark background */
.sapUiInverted-CTX .sapMFT {
	color: @sapUiContentContrastTextColor;
}

/* Do not invert for table */
.sapUiInverted-CTX .sapUiTable .sapMFT {
	color: @sapUiBaseText;
}
/* END "FormattedText.less" */

/* START "GenericTile.less" */
/* ================================== */
/* CSS for control sap.m/GenericTile  */
/* Base theme                         */
/* ================================== */

.sapMGT {
	display: inline-block;
	border-radius: 0.125rem;
	position: relative;
	outline: none;
	box-sizing: border-box;
	background-position: 0px;
	background: @sapUiTileBackground;
	border: 1px solid transparent;
	box-shadow: @sapUiShadowLevel0;
}

.sapMGT.sapMPointer * {
	cursor: pointer;
}

.sapMGT:focus {
	outline: none;
}

.sapMGT.OneByOne {
	width: 11rem;
	height: 11rem;
}

.sapMGT.TwoByOne {
	width: 22.5rem;
	height: 11rem;
}

.sapMGTHdrTxt,
.sapMGTHdrTxt > .sapMGTTitle,
.sapMGTSubHdrTxt,
.sapMGT .sapMGTContent {
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
}

.sapMGTHdrTxt > .sapMGTTitle,
.sapMGenericTileFtrFldTxt>.sapMGTFailed {
	cursor: inherit;
}

.sapMGTInnrCnt {
	display: inline-block;
}

.sapMGTContent {
	height: 6.375rem;
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
}

.sapMGTHdrTxt {
	overflow: hidden;

	.sapMText {
		display: inline;
		line-height: 1.375rem;
	}
}

.sapMGTHdrTxt > .sapMText {
	color: @sapUiTileTitleTextColor;
	font-weight: normal;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontHeader5Size;
}

.sapMGTSubHdrTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 1.375rem;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiTileTextColor;
}

.sapMGTHdrContent {
	height: 4rem;
	margin-top: 0.625rem;
	margin-left: 0.94rem;
	margin-right: 0.94rem;
}

.sapMGTHdrIconImage {
	float: right;
	width: 2.5rem;
	min-height: 2.5rem;
	font-size: 2.5rem;
	font-family: @sapUiFontHeaderFamily;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiTileIconColor;
}

.sapMGenericTileFtrFldTxt {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontSmallSize;
	color: @sapUiTileTextColor;
}

.sapMGenericTileFtrFldIcn {
	color: @sapUiTileTextColor;
}

html.sap-desktop .sapMGT:focus:not([tabindex]) {
	border-color: transparent;
}

.sapMGTOverlay {
	background-color: @sapUiTileBackground;
}

.sapMGTOverlayMixin(@offset: 0px, @z-index: 0) {
	position: absolute !important;
	pointer-events: none;
	left: @offset;
	top: @offset;
	right: @offset;
	bottom: @offset;
	& when not (@z-index = 0) {
		z-index: @z-index;
	}
}

.sapMGT.sapMGTScopeActions {

	.sapMTileCntContent {
		position: relative;

		&:after {
			.sapMGTOverlayMixin();
			display: block;
			content: "";
			background-color: fade(@sapUiTileBackground, 70);
		}
	}

	.sapMGTMoreIcon {
		height: 1rem;
		position: absolute;
		right: 0.75rem;
		bottom: 0.563rem;
		z-index: 1; // Remark: If increased, this will break FLP footer visualization.
		color: @sapUiButtonIconColor;
		&:focus {
			outline: none;
		}
	}

	.sapMGTRemoveButton {
		width: 1.375rem;
		height: 1.375rem;
		border-radius: 50%;
		padding: 0px;
		position: absolute;
		top: -0.5rem;
		right: -0.5rem;
		z-index: 3; // Remark: If increased, this will break FLP footer visualization.
		background-color: @sapUiButtonBackground;
		border: 1px solid @sapUiButtonBorderColor;
		color: @sapUiButtonTextColor;
		overflow: visible;

		.sapMBtnFocusDiv {
			display: none;
		}

		.sapMBtnInner {
			width: 100%;
			height: 100%;
			min-width: 0px;
			border-radius: 50%;
			border: none;
			outline-offset: -2px;
		}

		.sapMBtnIcon {
			font-size: 0.75rem;
			margin: 0px;
			width: 100%;

			&:before {
				position: relative;
				top: -0.125rem;
			}
		}

		&:focus > .sapMFocusable {
			outline: none;
			border-radius: 50%;
		}

		/* The touch area has a different size and is slightly moved to the left and bottom */
		&:before {
			content: "";
			color: @sapUiButtonIconColor;
			position: absolute;
			top: -1px;
			bottom: -0.6875rem;
			left: -0.6875rem;
			right: -0.0625rem;
		}
	}
}

.sapMGT.sapMGTScopeActions.sapMGTBackgroundImage {

	.sapMTileCntContent {
		&:after {
		  content: none;
		}
	}

	.sapMGTContent {
		&:before {
			.sapMGTOverlayMixin();
			display: block;
			content: "";
			background-color: fade(@sapUiTileBackground, 70);
			border-radius: 0.125rem;
		}
	}
}

/************************ LINE MODE COZY ********************/

.sapMGTLineMode.sapMGT {
	display: block;
	min-height: 2.5rem;
	min-width: 2rem;
	border-radius: 0.2rem;
	box-shadow: none;
	transition: background-color 0.2s;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	margin-bottom: 0.125rem;
	pointer-events: none;
}

.sapMGTLineMode .sapMGTTouchArea {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	flex-direction: row;

	min-height: 2.750rem;
	width: 100%;
	margin-top: -0.125rem;
	margin-bottom: -0.125rem;
	pointer-events: auto;
}

/* mixin for flex-box entries */
.sapMGTFlexEntry(@resizable: 0) {
	display: block;
	-webkit-box-flex: @resizable;
	flex: @resizable @resizable auto;
	-webkit-flex: @resizable @resizable auto;
}

.sapMGTLineMode .sapMGTLineModeHelpContainer {
	.sapMGTFlexEntry(1);

	padding: 0.5rem 0 0.5rem 0;
	margin-top: 0.175rem;
	overflow: hidden;
}

.sapMGTLineMode .sapMGTHdrTxt {
	position: relative;
	font-size: @sapMFontMediumSize;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 100%;
	line-height: 1.375rem;
}

.sapMGTLineMode .sapMGTHdrTxt:after {
	content: " ";
	margin-right: 0.5rem;
}

.sapMGTLineMode .sapMGTSubHdrTxt {
	display: inline-block;
	font-size: @sapMFontMediumSize;
	max-width: 100%;
	line-height: 1.375rem;
}

.sapMGTLineMode .sapMGTLineModeFailedIcon {
	.sapMGTFlexEntry;

	line-height: 1.375rem;
	vertical-align: top;
	width: 1.75rem;
	margin-top: 0.625rem;
	text-align: left;
}

/* IE does not support text-align: start, this is a workaround:*/
html[dir=rtl] .sapMGTLineMode .sapMGTLineModeFailedIcon {
	text-align: right;
}

.sapMGTLineMode .sapMGTActionsContainer {
	.sapMGTFlexEntry;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-flex-direction: row;
	flex-direction: row;

	align-items: center;
	-webkit-box-align: center;

	line-height: 1.375rem;
	margin-left: 0.25rem;
	width: 4rem;
	overflow: hidden;

	&, * {
		pointer-events: auto;
	}

	.sapMGTMoreIcon {
		display: block;
		position: static;
		right: 0px;
		bottom: 0px;
		width: 2rem;
		height: 1.375rem;
	}

	.sapMGTRemoveButton {
		display: block;
		margin: 0px 0.3125rem;
		left: 2rem;
		position: static;
		top: 0px;
		right: 0px;
		z-index: 0; // Remark: If increased, this will break FLP footer visualization.

		&:before {
			content: none;
		}

		.sapMBtnIcon::before {
			width: 1.25rem;
			height: 1.5rem;
			padding: 0.75rem 0.3125rem;
			margin-top: -0.75rem;
			margin-left: -0.3125rem;
			display: inline-block;
		}
	}
}

/************************ LINE MODE COMPACT *****************/

.sapUiSizeCompact {
	&.sapMGTLineModeContainer, .sapMGTLineModeContainer {
		padding-right: 1.0rem;
		box-sizing: border-box;
		position: relative; /* make the tile's parent <<positioned>>, in order to make JS get the correct offsetParent */
	}

	.sapMGT.sapMGTLineMode {
		user-select: none;
		-webkit-user-select: none;
		-moz-user-select: -moz-none;
		-ms-user-select: none;
	}

	.sapMGT.sapMGTLineMode {
		float: none;
		clear: none;
		margin-bottom: 0px;

		display: inline;
		min-width: 2rem;
		border-radius: 0px;
		box-shadow: none;
		background: none !important;
		border: 1px solid transparent !important;
		position: relative;

		@line-height: 1.875rem;
		@padding-top: 0.125rem;
		@padding-bottom: 0.125rem;
		margin-top: @padding-top + @padding-bottom; /* used as hover-style bar-offset top, does not have an effect for inline elements */
		min-height: @line-height - @padding-top - @padding-bottom; /* used as hover-style bar height */
		line-height: @line-height !important;
		height: @line-height;
		padding: (@line-height / 2) - (@sapMFontMediumSize / 2) 0;
		pointer-events: none;
	}

	.sapMGTLineMode .sapMGTHdrTxt, .sapMGTLineMode .sapMGTSubHdrTxt {
		word-break: normal;
		display: inline;
		white-space: normal;
		position: relative;
		left: 0.5rem;
		top: 1px;
		border-top: 2px solid transparent;
		border-bottom: 2px solid transparent;
		z-index: 2;

		padding-right: 0.5rem;

		&:after {
			content: none;
		}
	}

	.sapMGTLineMode .sapMGTSubHdrTxt {
		margin-right: 0.5rem;

		&:before { //this is needed to enable line-wrapping between header end and subheader beginning
			content: "";
			display: inline-block;
		}
	}

	.sapMGTLineMode .sapMGTLineModeFailedIcon {
		display: inline-block;
		line-height: 1.375rem;
		width: 1.625rem;
		vertical-align: top;
		padding-top: 0.25rem;
		padding-right: 0px;
		margin-top: 1px;
		position: relative;
		left: 0.5rem;
		border-right: 0.375rem solid transparent;
		box-sizing: border-box;
	}
	.sapMGTLineMode .sapMGTHdrTxt {
		border-left: 0.5rem solid transparent;
		margin-left: -0.5rem;
	}

	.sapMGTLineMode .sapMGTHdrTxt:last-of-type {
		padding-right: 0.5rem;
		margin-right: 0.5rem;
	}

	.sapMGTLineMode.sapMGTScopeActions:not(.sapMGTDisabled) {
		.sapMGTHdrTxt:last-of-type, .sapMGTSubHdrTxt {
			padding-right: 4rem;
		}
	}

	.sapMGTActionsContainer {
		position: absolute;
		right: 0px;
		bottom: 0px;
		line-height: 1.375rem;
		z-index: 2; // Remark: If increased, this will break FLP footer visualization.
		padding: 0px;
		height: 1.5rem;

		&, * {
			pointer-events: auto;
		}

		.sapMGTRemoveButton .sapMBtnIcon::before {
			padding: 0px;
			margin: 0px;
		}
	}

	.sapMGTStartMarker, .sapMGTEndMarker {
		display: inline-block;
		position: relative;
		top: 0.5rem;
		z-index: 3; // Remark: If increased, this will break FLP footer visualization.
	}

	.sapMGTStyleHelper {
		position: absolute;
		top: 0px;
		width: 100%;
	}

	.sapMGTLineStyleHelper {
		position: absolute;
		pointer-events: auto;

		.sapMGTLineStyleHelperInner {
			.sapMGTOverlayMixin();
		}

		&:not(:last-child) {
			border-bottom: 0.25rem solid transparent;
		}
	}

	.sapMGTLineMode .sapMGTHdrTxt {
		max-height: none !important;
	}
}

/* Fix for rendering order on tablets in RTL */
html[dir=rtl] .sapMGTLineMode {
	.sapMGTHdrTxt, .sapMGTSubHdrTxt {
		unicode-bidi: -webkit-isolate; /* needs to be prefixed for older webkit browsers */
	}
}

/******************* OVERLAYS AND HELPERS *******************/
.sapMGTOverlay {
	.sapMGTOverlayMixin();
	opacity: 0.8;
}

.sapMGT .sapMGTFocusDiv {
	.sapMGTOverlayMixin(0px, 2);
	border-radius: 0.25rem;
}
.sapMGT.sapMGTBackgroundImage .sapMGTFocusDiv {
	.sapMGTOverlayMixin(1px, 2);
}

.sapMGTLineMode .sapMGTFocusDiv {
	top: 1px;
	right: 1px;
	left: 1px;
	bottom: 1px;
	border-radius: 0.25rem;
}

.sapMGenericTileFtrFld {
	left: 0.4375rem;
	right: 0.4375rem;
	bottom: 0.4375rem;
	position: absolute;
}

.sapMGenericTileFtrFldTxt {
	font-weight: normal;
	display:table-cell;
	padding-left: 0.5rem;
	vertical-align: bottom;
	width: 100%;
}

html[dir=rtl] .sapMGenericTileFtrFldTxt {
	padding-right:0.5rem;
}

.sapMGenericTileFtrFldIcn {
	margin-right: 0.5rem;
	display: table-cell;
	vertical-align: bottom;
}

.sapMGenericTileFtrFldIcn>.sapMGTFtrFldIcnMrk {
	vertical-align: bottom;
}

.sapMGT.sapMGTBackgroundImage {
	border: none;
}

/* the following is needed for non-webkit browsers that don't support line-clamping */

/* some places should be left for subheader when the subheader exists*/
.sapMGT.sapMGTHeaderMode .sapMGTHdrTxt:nth-last-of-type(2) {
	max-height: 5.48rem;
}

.sapMGT:not(.sapMGTHeaderMode) .sapMGTHdrTxt:nth-last-of-type(2){
	max-height: 2.74rem;
}

/* the max-height is calculated the same as webkit-line-clamping and supported to work when
the screen size changes between small and large (e.g. mobile devices auto rotation) without rerendering*/
html[data-sap-ui-browser*='ie'], html[data-sap-ui-browser*='ed'], html[data-sap-ui-browser*='ff'] {
	.sapMGT.sapMGTHeaderMode .sapMGTHdrContent .sapMTextMaxLine {
		max-height: 6.85rem !important;
	}
}

html[data-sap-ui-browser*='ie'], html[data-sap-ui-browser*='ed'], html[data-sap-ui-browser*='ff'] {
	.sapMGT:not(.sapMGTHeaderMode) .sapMGTHdrContent .sapMTextMaxLine {
		max-height: 4.11rem !important;
	}
}


/* BREAKPOINT FOR SMALL PHONES */
@media screen and (max-width: 374px) {
	.sapMGTHdrTxt .sapMText {
		line-height: 1.1875rem;
	}

	.sapMGT:not(.sapMGTLineMode) .sapMGTSubHdrTxt {
		line-height: 1.1875rem;
	}

	.sapMGT.sapMGTHeaderMode .sapMGTHdrTxt:nth-last-of-type(2) {
		max-height: 4.72rem;
	}

	.sapMGT:not(.sapMGTHeaderMode) .sapMGTHdrTxt:nth-last-of-type(2) {
		max-height: 2.36rem;
	}

	html[data-sap-ui-browser*='ie'], html[data-sap-ui-browser*='ed'], html[data-sap-ui-browser*='ff'] {
		.sapMGT.sapMGTHeaderMode > .sapMGTHdrContent .sapMTextMaxLine {
			max-height: 5.9rem !important;
		}
	}

	html[data-sap-ui-browser*='ie'], html[data-sap-ui-browser*='ed'], html[data-sap-ui-browser*='ff'] {
		.sapMGT:not(.sapMGTHeaderMode) > .sapMGTHdrContent .sapMTextMaxLine {
			max-height: 3.54rem !important;
		}
	}

	.sapMGT.OneByOne {
		width: 9.25rem;
		height: 9.25rem;
	}
	.sapMGT.TwoByOne {
		width: 19rem;
		height: 9.25rem;
	}

	.sapMGTContent {
		height: 5.5rem;
	}

	.sapMGTHdrContent {
		height: 3.5rem;
		margin-top: 0.25rem;
		margin-left: 0.5625rem;
		margin-right: 0.5625rem;
	}

	.sapMGT.sapMGTScopeActions {
		.sapMGTMoreIcon {
			right: 0.5rem;
			bottom: 0.313rem;
		}
	}
}

/* BREAKPOINT FOR SMALL PHONES */
@media screen and (max-width: 374px) {
	.sapMGTHdrTxt > .sapMText {
		font-size: @sapMFontHeader6Size;
	}

	.sapMGTSubHdrTxt {
		font-size: @sapMFontSmallSize;
	}
}

/* END "GenericTile.less" */

/* START "GroupHeaderListItem.less" */
/* ========================================== */
/* CSS for control sap.m/GroupHeaderListItem  */
/* Base theme                                 */
/* ========================================== */

.sapMGHLI .sapMLIBSelectM,
.sapMGHLI .sapMLIBSelectS,
.sapMGHLI .sapMLIBSelectD,
.sapMGHLI .sapMListTblSelCol {
	display: none;
}

.sapMGHLI .sapMLIBUnread,
.sapMGHLI .sapMListTblUnreadCol {
	display: none;
}

.sapMGHLIUpperCase {
	text-transform: uppercase;
}

.sapMGHLI > .sapMLIBContent {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.sapMGHLITitle, 
.sapMGHLICounter {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
} 

.sapMGHLICounter {
	padding-left: 0.25rem;
	webkit-box-flex: 0;
	flex: none;
}

.sapMGHLI {
	-webkit-align-items: flex-end;
	align-items: flex-end;
}


.sapMListUl .sapMLIB.sapMGHLI {
	height: 2rem;
	line-height: 2rem;
	font-size: @sapMFontHeader6Size;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiListTableGroupHeaderTextColor;
	background: @sapUiListGroupHeaderBackground;
	border-bottom: 1px solid @sapUiListTableGroupHeaderBorderColor;
}

.sapMListUl > .sapMLIB.sapMGHLI {
	background: @sapUiListGroupHeaderBackground;
	height: 3rem;
	line-height: 2rem;
	padding-top: 1rem;
}

.sapMGHLI.sapMLIBActive.sapMLIB,
.sapMGHLI.sapMLIBActive.sapMLIB > td {
	color: @sapUiListActiveTextColor;
	background: @sapUiListActiveBackground;
}

.sapMGHLICell {
	padding: 0 1rem;
}

/* END "GroupHeaderListItem.less" */

/* START "GrowingList.less" */
/* ================================== */
/* CSS for control sap.m/GrowingList  */
/* Base theme                         */
/* ================================== */
/* END "GrowingList.less" */

/* START "HeaderContainer.less" */
/* ====================================== */
/* CSS for control sap.m/HeaderContainer  */
/* Base theme                             */
/* ====================================== */

.sapMHdrCntr {
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.sapMHdrCntr.Horizontal {
	max-width: 100%;
}

.sapMHdrCntr.Vertical {
	max-height: 100%;
}

/* initial condition for hide and display arrow button container*/
.sapMHdrCntrBtnCntr {
	display: none;
}

.sapMHdrCntrBtnCntr.Horizontal {
	position: absolute;
	top: 0px;
	bottom: 0px;
	width: 2.5rem;
	&.sapMHdrCntrLeft {
		left: 0.25rem;
	}
	&.sapMHdrCntrRight {
		right: 0.25rem;
	}
}

html.sap-phone .sapMHdrCntrBtnCntr.Horizontal,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Horizontal {
	width: 1.5rem;
	&.sapMHdrCntrLeft {
		left: 0rem;
	}
	&.sapMHdrCntrRight {
		right: 0rem;
	}
}

.sapMHdrCntrBtnCntr.Vertical {
	position: absolute;
	left: 0px;
	right: 0px;
	height: 2.5rem;
	&.sapMHdrCntrLeft {
		top: 0.25rem;
	}
	&.sapMHdrCntrRight {
		bottom: 0.25rem;
	}
}

html.sap-phone .sapMHdrCntrBtnCntr.Vertical,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Vertical {
	height: 1.5rem;
	&.sapMHdrCntrLeft {
		top: 0rem;
	}
	&.sapMHdrCntrRight {
		bottom: 0rem;
	}
}

.sapMHdrCntrBtnCntr.Horizontal > .sapMHdrCntrBtn {
	position: absolute;
	top: 50%;
	margin-top: -1.5rem;
	min-width: 1.375rem;
}

.sapUiSizeCompact .sapMHdrCntrBtnCntr.Horizontal > .sapMHdrCntrBtn {
	margin-top: -1rem;
}

html.sap-phone .sapMHdrCntrBtnCntr.Horizontal > .sapMHdrCntrBtn,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Horizontal > .sapMHdrCntrBtn {
	margin-top: -0.6rem;
	font-size: 1rem;
}

.sapMHdrCntrBtnCntr.Vertical > .sapMHdrCntrBtn {
	position: absolute;
	height: 2.5rem;
	left: 50%;
	margin-left: -1.5rem;
	padding: 0px;
}

html.sap-phone .sapMHdrCntrBtnCntr.Vertical > .sapMHdrCntrBtn,
html.sap-tablet:not(.sap-desktop) .sapMHdrCntrBtnCntr.Vertical > .sapMHdrCntrBtn {
	margin-left: -0.375rem;
	font-size: 1rem;
	height: 1.375rem;
}

.sapMHdrCntrBtnCntr.Vertical > .sapMHdrCntrBtn.sapMHdrCntrRight {
	bottom: 0px;
}

.sapMHdrCntrCntr.Horizontal {
	white-space: nowrap;
}

.sapUiSizeCompact .sapMHrdrLeftPadding .sapMHdrCntrCntr.Horizontal {
	padding-left: 2.5rem;
}

.sapMHrdrLeftPadding .sapMHdrCntrCntr.Horizontal {
	padding-left: 3rem;
}

.sapUiSizeCompact .sapMHrdrRightPadding .sapMHdrCntrCntr.Horizontal {
	padding-right: 2.5rem;
}

.sapMHrdrRightPadding .sapMHdrCntrCntr.Horizontal {
	padding-right: 3rem;
}

html.sap-phone .sapMHrdrLeftPadding .sapMHdrCntrCntr.Horizontal,
html.sap-tablet:not(.sap-desktop) .sapMHrdrLeftPadding .sapMHdrCntrCntr.Horizontal {
	padding-left: 1.5rem;
}

html.sap-phone .sapMHrdrRightPadding .sapMHdrCntrCntr.Horizontal,
html.sap-tablet:not(.sap-desktop) .sapMHrdrRightPadding .sapMHdrCntrCntr.Horizontal {
	padding-right: 1.5rem;
}

.sapMHdrCntrCntr.Vertical {
	height: 100%;
	box-sizing: border-box;
}

.sapMHrdrTopPadding .sapMHdrCntrCntr.Vertical {
	padding-top: 3rem;
}

.sapUiSizeCompact .sapMHrdrTopPadding .sapMHdrCntrCntr.Vertical {
	padding-top: 2.5rem;
}

.sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertical {
	padding-bottom: 3rem;
}

.sapUiSizeCompact .sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertical {
	padding-bottom: 2.5rem;
}

html.sap-phone .sapMHrdrTopPadding .sapMHdrCntrCntr.Vertical,
html.sap-tablet:not(.sap-desktop) .sapMHrdrTopPadding .sapMHdrCntrCntr.Vertical {
	padding-top: 1.5rem;
}

html.sap-phone .sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertical,
html.sap-tablet:not(.sap-desktop) .sapMHrdrBottomPadding .sapMHdrCntrCntr.Vertical {
	padding-bottom: 1.5rem;
}

.sapMHdrCntr .sapMScrollContScroll:focus {
	outline: none;
}

.sapMHrdrCntrInner {
	border: 1px solid transparent;
	position: relative;
	vertical-align: bottom;
	margin: 0.0625rem;
	padding: 0rem 0.375rem 0rem 0.375rem;
	-webkit-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	overflow: visible;
}

.sapMHdrCntrCntr.Vertical .sapMHrdrCntrInner {
	float: left;
	clear: left;
}

.sapMHdrCntrCntr.Horizontal .sapMHrdrCntrInner:not(:first-child) {
	margin-left: 1rem;
}

.sapMHdrCntrCntr.Vertical .sapMHrdrCntrInner:not(:first-child) {
	margin-top: 1rem;
}

.sapMHrdrCntrDvdrs .sapMHrdrCntrInner:not(:first-child)::after {
	content: "";
	position: absolute;
	box-sizing: border-box;
	display: inline-block;
}

.sapMHrdrCntrDvdrs.Horizontal .sapMHrdrCntrInner::after {
	top: 0.375rem;
	bottom: 0.375rem;
	left: -0.6rem;
	border-left: 1px solid @sapUiListBorderColor;
}

.sapMHrdrCntrDvdrs.Vertical .sapMHrdrCntrInner::after {
	left: 0.5rem;
	right: 0.5rem;
	top: -0.6rem;
	border-top: 1px solid @sapUiListBorderColor;
}

.sapMKTileBorder {
	display: none;
}

.sapMHdrPddngRight2 {
	padding-right: 2rem;
}

.sapMHdrPddngRight0 {
	padding-right: 0rem;
}

.sapMHdrPddngLeft2 {
	padding-left: 2rem;
}

.sapMHdrPddngleft0 {
	padding-left: 0rem;
}
.sapMHdrCntrItemCntr {
	display: inline-block;
}

.sapMHdrCntrBGTransparent {
	background-color: @sapUiObjectHeaderBackground;
}

.sapMHdrCntrBGSolid {
	background-color: @sapUiObjectHeaderBackground;
}

.sapMHdrCntrBGTranslucent {
	background-color: @sapUiObjectHeaderBackground;
}

html.sap-desktop .sapMHrdrCntrInner:focus {
	outline: none;
	border: 1px dotted @sapUiContentFocusColor;
}
/* END "HeaderContainer.less" */

/* START "IconTabBar.less" */
/* ================================= */
/* CSS for control sap.m/IconTabBar  */
/* Base theme                        */
/* ================================= */

.sapMITB {
	display: block;
	position: relative;
	width: 100%;
}

.sapMITBContentClosed {
	background-color: transparent;
	border-bottom: none;
	margin-top: 0.750rem;
	padding: 0.125rem 0 0 0;
	position: relative;
}

.sapMITBTab {
	display: block;
}

.sapMITBFilter:not(.sapMITBDisabled) .sapMITBFilterIcon,
.sapMITBTextOnly .sapMITBFilter:not(.sapMITBDisabled) .sapMITBText,
.sapMITBAll:not(.sapMITBDisabled) {
	cursor: pointer;
}

.sapMITBTextOnly .sapMITBFilter .sapMITBText {
	line-height: 1rem;
	margin: 0;
	padding: 0;
	text-align: left;
	width: auto;
	overflow: visible;
}

.sapMITBTextUpperCase .sapMITBText {
	text-transform: uppercase;
}

.sapMITBStretch {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	-webkit-flex-direction: column;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.sapMITBStretch > .sapMITBContainerContent {
	-webkit-flex-grow: 1;
	flex-grow: 1;
}

.sapMITBStretch > .sapMITBContainerContent > .sapMITBContent {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.sapMITB.sapMITBNoContentPadding > .sapMITBContainerContent > .sapMITBContent {
	padding: 0;
}

.sapMITBBackgroundDesignTransparent > .sapMITBContainerContent > .sapMITBContent {
	background-color: transparent;
}

/* fix rendering issue in BlackBerry - CSN: 0120061532 0001463943 2014 */
.sap-bb .sapMITBContainerContent {
	overflow: hidden;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMITB", ~"> .sapMITBContainerContent > .sapMITBContent");

/* Head Container */

.sapMITBHead {
	overflow: hidden;
	position: relative;
	white-space: nowrap;
	display: inline-block;
	margin: 1rem 0.75rem 0 0.25rem;
	vertical-align: top;
	font-size: @sapMFontSmallSize;
	padding: 1px 1px 0 1px;
}

.sapMITBScrollContainer {
	/* the same padding as on the sapMITBHead is needed
	to correct the scrolling calculations*/
	padding: 1px 1px 0 1px;
}

html.sap-phone .sapMITB .sapMITBHead {
	display: inline-block;
	margin: 1rem 0 0;
	vertical-align: top;
	padding: 0;
}

.sapMITBScrollContainer {
	display: block;
	margin: 0 1.75rem;
}

.sapMITHOverflowList .sapMITBScrollContainer {
	margin: 0 4.25rem 0 1.75rem;
}

html.sap-phone .sapMITBScrollContainer {
	margin: 0 1rem;
	padding: 0;
}

html.sap-phone .sapMITHOverflowList .sapMITBScrollContainer {
	margin: 0 4rem 0 1rem;
}

.sapMITBScrollContainer::-webkit-scrollbar {
	display: none;
}

/* scrollbar from iscroll should not be visible */
.sapMITBScrollContainer > div:nth-child(2) {
	visibility: hidden;
}

/* Arrow */

.sapMITBContentArrow {
	border-bottom: 0.125rem solid transparent;
	box-sizing: border-box;
	height: 1rem;
}

.sapMITBTextOnly > .sapMITBVertical.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
	height: 0.625rem;
}

.sapMITBInLine.sapMITBTextOnly > .sapMITBVertical.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
	height: 0.8125rem;
}

html.sap-phone :not(.sapMITBInLine).sapMITBTextOnly > .sapMITBVertical.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
	height: 0.5rem;
}

.sapMITBNoText > .sapMITBFilter > .sapMITBContentArrow {
	margin: 0 auto;
	width: 3rem;
}

.sapMITBNoText > .sapMITBFilter:first-child > .sapMITBContentArrow {
	margin: 0 auto 0 0;
}

.sapMITBVertical.sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
	height: 0.6875rem;
}

.sapMITBAll > .sapMITBTab {
	height: 3rem;
	margin-bottom: 1rem;
}

.sapMITBHorizontal.sapMITBAll > .sapMITBTab {
	margin-bottom: 0;
}

.sapMITBHorizontal.sapMITBFilter > .sapMITBContentArrow {
	width: 3rem;
}

html[dir='rtl'] .sapMITBContentArrow {
	z-index: 1;
}

/* Content Container */

.sapMITBContent {
	padding: 1rem;
	position: relative;
	background-color: @sapUiGroupContentBackground;
}

html.sap-phone .sapMITBContent {
	padding: 0;
}

.sapMITBContainerContent {
	margin-top: 0;
	padding: 0;
	position: relative;
}

.sapMITBContainerContent.sapMITBContentClosed {
	background-color: transparent;
	border-bottom: none;
}

/* Tab Item */

.sapMITBTab {
	width: 5rem;
}

.sapMITBVertical > .sapMITBTab {
	height: 3rem;
}

.sapMITBTextOnly .sapMITBTab {
	height: 1rem;
	padding: 0.5625rem 0 0.3125rem 0;
	text-align: left;
	width: auto;
}

html.sap-phone .sapMITBTextOnly .sapMITBTab {
	padding: 0.25rem 0 0.25rem 0;
}

html[dir=rtl] .sapMITBTextOnly .sapMITBTab {
	text-align: right;
}

.sapMITBItem {
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: top;
	color: @sapUiGroupTitleTextColor;
}

html.sap-desktop .sapMITBFilter:not(.sapMITBDisabled) {
	cursor: pointer;
}

.sapMITBDisabled {
	opacity: 0.5;
}

/* Tab Filter Item */

.sapMITBFilter {
	margin: 0 0.25rem;
}

.sapMITBFilter:first-child {
	margin-left: 0;
}

.sapMITBNoText .sapMITBFilter > .sapMITBTab {
	margin: 0 0.75rem;
	width: 3rem;
}

.sapMITBNoText .sapMITBFilter:first-child > .sapMITBTab {
	margin-left: 0;
}

.sapMITBNoText .sapMITBItemNoCount.sapMITBFilter:last-child > .sapMITBTab {
	margin-right: 0;
}

.sapMITBNoText .sapMITBItemNoCount.sapMITBFilter:last-child {
	padding-right: 0;
	margin-right: 0;
}

.sapMITBNoText .sapMITBItemNoCount.sapMITBFilter:last-child .sapMITBContentArrow {
	margin-right: 0;
}

.sapMITBTextOnly .sapMITBFilter {
	margin: 0 1rem;
}

.sapMITBTextOnly .sapMITBFilter:first-child {
	margin-left: 0;
}

html.sap-phone .sapMITBTextOnly .sapMITBFilter {
	margin: 0 0.5rem;
}

html.sap-phone .sapMITBFilter {
	margin: 0 0.25rem;
}

html.sap-phone .sapMITBFilter:first-child {
	margin-left: 0;
}

.sapMITBHorizontal.sapMITBFilter:first-child > .sapMITBTab {
	padding-left: 0;
}

.sapMITBHorizontal.sapMITBFilter:first-child > .sapMITBText {
	padding-left: 3.25rem;
}

.sapMITBFilter .sapMITBText {
	line-height: 0.9375rem;
	overflow: hidden;
	padding: 0.375rem 0 0;
	position: relative;
	text-overflow: ellipsis;
	width: 5rem;
	color: @sapUiGroupTitleTextColor;
	text-shadow: @sapUiShadowText;
}

.sapMITBHorizontal.sapMITBFilter .sapMITBText {
	padding: 0.625rem 0 0;
}

.sapMITBVertical {
	height: 5rem;
}

.sapMITBTextOnly > .sapMITBVertical {
	height: 3.5rem;
}

.sapMITBInLine.sapMITBTextOnly > .sapMITBVertical {
	height: 3rem;
}

html.sap-phone .sapMITBTextOnly > .sapMITBVertical {
	height: 3rem;
}

.sapMITBNoText > .sapMITBVertical {
	height: 4rem;
}

.sapMITBHorizontalWrapper {
	display: inline-block;
	height: 3rem;
	left: -1rem;
	max-width: 7.5rem;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: top;
	width: auto;
}

.sapMITBHorizontal.sapMITBFilter > .sapMITBHorizontalWrapper > .sapMITBText {
	display: block;
	max-width: 7.5rem;
	padding-left: 0.25rem;
	text-align: left;
	top: 0.3125rem;
	width: auto;
}

.sapMITBHorizontal.sapMITBFilter {
	height: 4rem;
}

.sapMITBHorizontal.sapMITBFilter > .sapMITBHorizontalWrapper > .sapMITBCount {
	display: block;
	max-width: 7.5rem;
	padding-left: 0.25rem;
	position: relative;
	text-align: left;
	top: 0.4375rem;
}

html[dir='rtl'] .sapMITBHorizontal.sapMITBFilter > .sapMITBHorizontalWrapper > .sapMITBCount {
	text-align: right;
}

.sapMITBHorizontal.sapMITBFilter > .sapMITBTab {
	display: inline-block;
	height: 3rem;
	padding: 0;
	vertical-align: top;
	width: 3rem;
}

.sapMITBFilterIcon {
	border-bottom-left-radius: 3rem;
	border-bottom-right-radius: 3rem;
	-moz-border-radius: 3rem;
	border-top-left-radius: 3rem;
	/* some native browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-
	radius" shorthand property but does support the long-hand properties for each corner like
	"border-top-left-radius" */
	border-top-right-radius: 3rem;
	box-sizing: border-box;
	display: inline-block;
	font-size: 1.5rem;
	height: 3rem;
	line-height: 2.75rem;
	overflow: hidden;
	width: 3rem;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
}

.sapMITBFilterNoIcon {
	display: inline-block;
	height: 3rem;
	vertical-align: middle;
	width: 3rem;
}

.sapMITBTextOnly .sapMITBText {
	font-size: @sapMFontMediumSize;
}

.sapMITBTextOnly .sapMITBFilterDefault > .sapMITBText {
	color: @sapUiGroupTitleTextColor;
	text-shadow: @sapUiShadowText;
}

.sapMITBFilter .sapMITBCount {
	color: @sapUiGroupTitleTextColor;
	text-shadow: @sapUiShadowText;
	max-width: 2rem;
	overflow: hidden;
	position: absolute;
	text-overflow: ellipsis;
}

.sapMITBTextOnly .sapMITBFilter .sapMITBCount {
	font-size: @sapMFontMediumSize;
	max-width: none;
	position: relative;
}

.sapMITBCount {
	color: @sapUiGroupTitleTextColor;
}

/* Tab Filter Show All Item */

.sapMITBAll .sapMITBTab {
	display: inline-block;
	height: 3rem;
	line-height: 3rem;
	width: auto;
}

.sapMITBAll {
	margin-right: 1.25rem;
}

html.sap-phone .sapMITBAll {
	margin-right: 0.25rem;
}

.sapMITBAll .sapMITBCount {
	display: inline-block;
	font-size: 1.5rem;
	padding: 0 0.5rem;
	vertical-align: middle;
	width: auto;
	color: @sapUiGroupTitleTextColor;
	text-shadow: @sapUiShadowText;
}

html.sap-phone .sapMITBAll > .sapMITBTab > .sapMITBCount {
	padding: 0 0.25rem;
}

.sapMITBAll:first-Child > .sapMITBTab > .sapMITBCount {
	padding-left: 0;
}

.sapMITBAll .sapMITBText {
	display: inline-block;
	max-height: 3rem;
	max-width: 4rem;
	overflow: hidden;
	text-align: left;
	text-overflow: ellipsis;
	vertical-align: middle;
	white-space: normal;
	width: auto;
	color: @sapUiGroupTitleTextColor;
	text-shadow: @sapUiShadowText;
}

html.sap-phone .sapMITBAll .sapMITBText {
	padding-right: 0.5rem;
}

/* Tab Filter In Line */

.sapMITBInLine .sapMITBFilter > .sapMITBText {
	margin: 1rem 0 0.1875rem 0;
}

.sapMITBFilter:last-child,
.sapMITBNoText .sapMITBFilter:last-child {
	padding-right: 1rem;
}

.sapMITB .sapMITBItemNoCount.sapMITBFilter:last-child {
	padding-right:0.8rem;
}

/* Tab Separator Item */

.sapMITBSep {
	width: 1.5rem;
}

.sapMITBSepLine {
	height: 3rem;
	margin: 0 0.25rem;
	width: 0;
	border: 1px solid @sapUiListBorderColor;
}

html.sap-phone .sapMITBSepLine {
	margin: 0 0.125rem;
}

.sapMITBSepIcon {
	font-size: 1rem;
	height: 3rem;
	line-height: 3rem;
	padding: 0 0.25rem;
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMITBSepIcon::before {
	text-shadow: @sapUiShadowText;
}

.sapMITBHorizontal + .sapMITBSep {
	width: auto;
}

.sapMITBHorizontal + .sapMITBSep > .sapMITBSepIcon {
	padding: 0 0.5rem;
}

.sapMITBArrowScroll {
	cursor: pointer;
	font-size: 1rem;
	position: absolute;
	top: 1rem;
	color: @sapUiContentIconColor;
}

.sapMITBArrowScrollLeft {
	left: 0.25rem;
	padding: 1rem 0.4rem;
}

.sapMITBArrowScrollRight {
	padding: 1rem 0.4rem;
	right: 0.25rem;
}

.sapMITHOverflowList .sapMITBArrowScrollRight {
	right: 2.75rem;
}

.sapMITBArrowScrollLeftTextOnly {
	left: 0.25rem;
	padding: 1.0625rem 0.4rem;
}

.sapMITBArrowScrollRightTextOnly {
	padding: 1.0625rem 0.4rem;
	right: 0.25rem;
}

.sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
	right: 2.75rem;
}

html.sap-phone .sapMITBArrowScrollLeft {
	left: 0.25rem;
	padding: 1rem 0;
}

html.sap-phone .sapMITBArrowScrollRight {
	padding: 1rem 0;
	right: 0.25rem;
}

html.sap-phone .sapMITHOverflowList .sapMITBArrowScrollRight {
	right: 3.25rem;
}

html.sap-phone .sapMITBArrowScrollLeftTextOnly {
	left: 0.25rem;
	padding: 0.75rem 0;
}

html.sap-phone .sapMITBArrowScrollRightTextOnly {
	padding: 0.75rem 0;
	right: 0.25rem;
}

html.sap-phone .sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
	right: 3.25rem;
}

html.sap-phone .sapMITB .sapMITBArrowScrollLeftTextOnly.sapMITBArrowScrollLeftInLine,
html.sap-phone .sapMITB .sapMITBArrowScrollRightTextOnly.sapMITBArrowScrollRightInLine {
	padding: 0.9375rem 0;
}

.sapMITBNotScrollable > .sapMITBArrowScroll {
	visibility: hidden;
}

.sapMITBScrollable.sapMITBNoScrollBack > .sapMITBArrowScrollLeft,
.sapMITBScrollable.sapMITBNoScrollBack > .sapMITBArrowScrollLeftTextOnly,
.sapMITBScrollable.sapMITBNoScrollForward > .sapMITBArrowScrollRight,
.sapMITBScrollable.sapMITBNoScrollForward > .sapMITBArrowScrollRightTextOnly {
	visibility: hidden;
}

.sapMITBArrowScroll:focus,
.sapMITBHead:focus,
.sapMITBFilterIcon:focus,
.sapMITBItem:focus {
	outline: none;
}

.sapMITH .sapMBtn {
	position: absolute;
	top: 1rem;
	right: 0;
	visibility: hidden;
	padding-right: 0.25rem;
	outline: none;
}

html.sap-phone .sapMITH .sapMBtn.sapMBtnTextOnly,
.sapMITH .sapMBtn.sapMBtnInline {
	top: 1rem;
}

.sapMITH .sapMBtn.sapMBtnTextOnly {
	top: 1.25rem;
}

.sapMITH .sapMBtn.sapMBtnNoText {
	top: 1rem;
}

.sapMITBScrollable.sapMITH .sapMBtn {
	visibility: visible;
}

.sapMITBNoSelection {
	-moz-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

/* Compact size */
.sapUiSizeCompact {
	.sapMITH .sapMBtn,
	.sapMITH .sapMBtn.sapMBtnInline,
	.sapMITH .sapMBtn.sapMBtnTextOnly,
	.sapMITH .sapMBtn.sapMBtnNoText {
		top: 1.5rem;
	}
}

html.sap-phone .sapUiSizeCompact .sapMITH .sapMBtn.sapMBtnTextOnly {
	top: 1.25rem;
}

/* overrides responsive settings */
@media (max-width:599px) {
	.sapMITB.sapUiNoContentPadding,
	.sapMITB.sapUiResponsiveContentPadding {
		.sapMITBHead {
			margin: 1rem 1rem 0 0;
		}

		.sapMITBScrollContainer {
			margin: 0 1rem;
		}

		.sapMITHOverflowList .sapMITBScrollContainer {
			margin: 0 4rem 0 1rem;
		}

		.sapMITBArrowScrollLeft {
			left: 0.25rem;
			padding: 1rem 0;
		}

		.sapMITBArrowScrollRight {
			padding: 1rem 0;
			right: 0.25rem;
		}

		.sapMITHOverflowList .sapMITBArrowScrollRight {
			right: 3.25rem;
		}

		.sapMITBArrowScrollLeftTextOnly {
			left: 0.25rem;
			padding: 0.75rem 0;
		}

		.sapMITBArrowScrollRightTextOnly {
			padding: 0.75rem 0;
			right: 0.25rem;
		}

		.sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
			right: 3.25rem;
		}

		.sapMITBArrowScrollLeftTextOnly.sapMITBArrowScrollLeftInLine,
		.sapMITBArrowScrollRightTextOnly.sapMITBArrowScrollRightInLine {
			padding: 1.0625rem 0;
		}

		.sapMITH .sapMBtn.sapMBtnTextOnly {
			top: 1.125rem;
		}
	}
}
/* END "IconTabBar.less" */

/* START "IconTabBarSelectList.less" */
/* =========================================== */
/* CSS for control sap.m/IconTabBarSelectList  */
/* Base theme                                  */
/* =========================================== */

.sapMITBPopover ul,
.sapMITBPopover li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sapMITBSelectList .sapMITBSelectItem {

	position: relative;

	width : 100%;
	height: 3rem;

	box-sizing: border-box;

	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;

	cursor: pointer;

	& > span {
		cursor: pointer;
	}
}

.sapMITBSelectItem .sapMITBSelectItemIcon {
	outline: none;
	-webkit-user-select: none; /* Chrome all / Safari all */
	-moz-user-select: none; /* Firefox all */
	-ms-user-select: none; /* IE 10+ */
	user-select: none;
}

.sapMITBSelectItem .sapMText {
	width: 100%;
	display: block;
	padding: 0 1rem 0 0;
	pointer-events: none;
}

.sapMITBSelectListTextOnly .sapMITBSelectItem .sapMText {
	padding-left: 1rem;
}

.sapMITBSelectItem .sapUiIcon {
	font-size: 1.375rem;
	width: 1.375rem;
	height: 1.375rem;
	padding: 0.8125rem 1rem;
}

/* Compact size */
.sapUiSizeCompact {
	.sapMITBSelectList .sapMITBSelectItem {
		height: 2rem;
	}

	.sapMITBSelectItem .sapMText {
		padding: 0 0.5rem 0 0;
		font-size: @sapMFontSmallSize;
	}

	.sapMITBSelectListTextOnly .sapMITBSelectItem .sapMText {
		padding-left: 0.5rem;
	}

	.sapMITBSelectItem .sapUiIcon {
		font-size: 1rem;
		width: 1rem;
		height: 1rem;
		padding: 0.5rem;
	}
}

.sapMITBSelectItem {
	border-bottom: 1px solid @sapUiListBorderColor;
	background-color: @sapUiListBackground;
}

.sapMITBSelectItem:hover {
	background-color: @sapUiListHoverBackground;
}

.sapMITBSelectList .sapMITBSelectItem:active,
.sapMITBSelectList .sapMITBSelectItem.sapMITBSelectItemSelected:active {
	background-color: @sapUiListActiveBackground;

	& > .sapMText {
		color: @sapUiListActiveTextColor;
	}

	& > .sapUiIcon {
		color: @sapUiListActiveTextColor;
	}
}

.sapMITBSelectItem:focus {
	outline: none;
}

.sapMITBSelectItem:focus::before {
	border: 1px dotted @sapUiContentFocusColor;
	position: absolute;
	content: " ";
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	z-index: 2;
	pointer-events: none;
}

.sapMITBSelectItem.sapMITBSelectItemSelected {
	background-color: @sapUiListSelectionBackgroundColor;
}

.sapMITBSelectItem.sapMITBSelectItemSelected:hover {
	background-color: @sapUiListSelectionHoverBackground;
}
/* END "IconTabBarSelectList.less" */

/* START "Image.less" */
/* ============================ */
/* CSS for control sap.m/Image  */
/* Base theme                   */
/* ============================ */

.sapMImg {
	border: none;

	/* fix the highlight color on tap*/
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-touch-callout: none;
}

span.sapMImg {
	display: inline-block;
}

.sapMImg.sapMNoImg {
	visibility: hidden;
}

/* fix chrome browser yellow border on focus problem*/
.sapMImg:focus {
	outline: none;
}


/* ==========================================================================
   Image opening a LightBox
  ========================================================================== */

.sapMLightBoxImage {
	position: relative;
	display: inline-block;

	& .sapMImg {
		display: block;
	}
}

.sapMLightBoxMagnifyingGlass {
	display: inline-block;
	width: 1rem;
	height: 1rem;
	position: absolute;
	background-color: @sapUiLink;
	bottom: -0.125rem;
	right: -0.125rem;
	border-radius: 0.5rem;
	font-size: 0.75rem;
	pointer-events: none;
}

.sapMLightBoxMagnifyingGlass:before {
	position: absolute;
	top: 1px;
	left: 3px;
	font-family: SAP-icons;
	content: "\e00d";
	color: @sapUiContentContrastIconColor;
}
/* END "Image.less" */

/* START "ImageContent.less" */
/* =================================== */
/* CSS for control sap.m/ImageContent  */
/* Base theme                          */
/* =================================== */

.sapMImageContent {
	position: relative;
	height: 3.875rem;
	width: 9rem;
	outline: none;
}

.sapMImageContentImageIcon {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	max-height: 3.5rem;
}

/* BREAKPOINT FOR SMALL PHONES */
@media screen and (max-width: 374px) {
	.sapMImageContent {
		height: 3.438rem;
		width: 8rem;
	}

	.sapMImageContentImageIcon {
		max-height: 3rem;
	}
	
	.sapMImageContentImageIcon.sapUiIcon {
		font-size: 1.5rem;
	}
}

html.sap-desktop .sapMImageContent:focus {
	outline-color: @sapUiContentFocusColor;
	outline-style: dotted;
	outline-width: 1px;
}

html.sap-desktop .sapMImageContent:focus:not([tabindex]) {
	outline: none;
}

.sapMImageContentImageIcon.sapUiIcon {
	font-size: 1.75rem;
	color: @sapUiTileIconColor;
	padding-bottom: 0.35rem;
}
/* END "ImageContent.less" */

/* START "Input.less" */
/* ============================ */
/* CSS for control sap.m/Input  */
/* Base theme                   */
/* ============================ */

.sapMDialog.sapMInputSuggestionPopup .sapMDialogScrollCont {
	padding: 0;
}

.sapMInputDescription {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMInputDescription > span {
	padding-left: 0.5rem;
	font-family: @sapUiFontFamily;
	font-style: normal;
	font-weight: normal;
}

.sapMInputSuggestionTableHidden {
	display: none;
}


/* valueHelpOnly overwrites text cursor for input */
.sapMInputVHO,
.sapMInput.sapMInputVHO > input {
	cursor: pointer;
}

/* if ValueHalp and Description, place icon left to description */
.sapMInputDescription.sapMInputVH > span{
	position: relative;
	display: inline-Block;
	height: 100%;
}

.sapMInputValHelpInner.sapUiIcon {
	vertical-align: top;
}

.sapMInputValHelp:focus {
	outline: none;
}

.sapMInputValHelp {
	position: absolute;
	top: 0.3125rem;
	right: 0.0625rem;
	height: 2.375rem;
	width: 2.375rem;
	box-sizing: border-box;
}

.sapMInputDescription.sapMInputVH > span > .sapMInputValHelp {
	left: -2.4375rem;
	top: 0.0625rem;
}

.sapMInputValHelpInner {
	height: 2.375rem;
	width: 2.375rem;
	line-height: 2.375rem;
}

.sapMInputVHO:hover > .sapMInputValHelp > .sapMInputValHelpInner {
	background-color: @sapUiButtonLiteHoverBackground;
}

.sapMInputVHO:active > .sapMInputValHelp > .sapMInputValHelpInner {
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiButtonActiveTextColor;
}

.sapMInputValHelpInner {
	speak: none;
	color: @sapUiContentIconColor;
}

.sapMInputVH:not(.sapMInputBaseReadonly) .sapMInputValHelp > .sapMInputValHelpInner:hover,
.sapMInputVH:not(.sapMInputBaseReadonly) .sapMInputValHelp > .sapMInputValHelpInner:focus {
	background-color: @sapUiButtonLiteHoverBackground;
}

html.sap-desktop .sapMInputVH:not(.sapMInputBaseReadonly) .sapMInputValHelp > .sapMInputValHelpInner:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: -1px;
}

.sapMInputVH:not(.sapMInputBaseReadonly) .sapMInputValHelp > .sapMInputValHelpInner:active {
	/* works fine in desktop browsers, iOS6 and mobile Chrome; does not work well in older Android browser */
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiButtonActiveTextColor;
	outline: 1px dotted @sapUiContentContrastFocusColor;
}

.sapMInputSuggestionPopup .sapMDLIValue {
	font-size: @sapMFontMediumSize;
	color: @sapUiListTextColor;
	padding-right: 1rem;
}

.sapMInputSuggestionPopup .sapMLIBActive .sapMDLIValue {
	color: @sapUiListActiveTextColor;
}

.sapMInputSuggestionPopup .sapMDLILabel {
	font-size: @sapMFontMediumSize;
}

.sapMInputDescription > span {
	font-size: @sapMFontMediumSize;
	line-height: 2.5rem;
	color: @sapUiFieldTextColor;
}

.sapMInputHighlight {
	font-weight: bold;
}

/* Compact size */
.sapUiSizeCompact {
	.sapMInputVH > .sapMInputBaseInner {
		padding-right: 1.625rem;
	}

	.sapMInputValHelp {
		top: 0.25rem;
		height: 1.5rem;
		width: 2rem;
	}

	.sapMInputDescription.sapMInputVH > span > .sapMInputValHelp{
		left: -1.5625rem;
	}

	.sapMInputValHelp > .sapMInputValHelpInner {
		font-size: 1rem;
		height: 1.5rem;
		width: 2rem;
		line-height: 1.5rem;
	}

	.sapMInputDescription.sapMInputVH > span > .sapMInputValHelp > .sapMInputValHelpInner{
		vertical-align: top;
	}

	.sapMInputDescription > span {
		line-height: 1.625rem;
	}
}

/* Condensed size */
.sapUiSizeCondensed {
	.sapMInputValHelp {
		top: 0.3125rem;
		height: 1.375rem; /* + 2*1px padding = 1.5rem */
	}

	.sapMInputValHelp > .sapMInputValHelpInner {
		height: 1.375rem;
		line-height: 1.375rem;
	}
}
/* END "Input.less" */

/* START "InputBase.less" */
/* ================================ */
/* CSS for control sap.m/InputBase  */
/* Base theme                       */
/* ================================ */

.sapMInputBase {
	height: 3rem;
	background: transparent;
	position: relative;
	display: inline-block;
	vertical-align: top;
}

.sapMInputBaseWidthPadding {
	padding: 0.25rem 0;
}

.sapMInputBaseInner {
	color: @sapUiFieldTextColor;
	background: @sapUiFieldBackground;
	border: 1px solid @sapUiFieldBorderColor;
	-webkit-appearance: none;
	border-radius: 0;
	vertical-align: top;
	margin: 0;
	-moz-appearance: textfield;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	line-height: normal;
	height: 2.5rem;
	padding: 0 0.75rem;
}

.sapMInputBase,
.sapMInputBaseInner,
.sapMInputBasePlaceholder {
	box-sizing: border-box;
}

.sapMInputBaseInner::-webkit-input-placeholder {
	font-size: @sapMFontMediumSize;
	font-style: italic;
}

.sapMInputBaseInner::-moz-placeholder {
	font-size: @sapMFontMediumSize;
	font-style: italic;
}

.sapMInputBaseInner:-ms-input-placeholder {
	font-size: @sapMFontMediumSize;
	font-style: italic;
}

.sapMInputBasePlaceholder {
	font-size: @sapMFontMediumSize;
	color: @sapUiFieldPlaceholderTextColor;
	cursor: text;
	position: absolute;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font-style: italic;
	line-height: 2.5rem;
	padding: 0 0.75rem;
}

.sapMInputBaseState .sapMInputBaseInner.sapMInputBaseStateInner,
.sapMInputBaseStateInner {
	border-width: 2px;
	padding: 0 0.6875rem;
}

.sapMInputBaseDisabled > .sapMInputBaseReadonly,
.sapMInputBaseDisabled > .sapMInputBasePlaceholder {
	cursor: default;
}

.sapMInputBaseInner,
.sapMInputBasePlaceholder {
	width: 100%;	/* fit the parents(sapMInputBase) width */
}

.sapMInputBaseInner::-webkit-outer-spin-button,
.sapMInputBaseInner::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.sapMInputBaseInner:focus {
	outline: none;
	outline-width: 0;
}

/* remove user agent pseudo-element clear button (IE specifix) */
.sapMInputBaseInner::-ms-clear {

	/* note: don't use display: none; see BCP 1570024996 */
	height: 0;
}

.sapMPointer > .sapMInputBaseInner {
	cursor: pointer;
}

.sapMInputBaseDisabled {
	opacity: 0.5;
}

.sapMInputBaseInner[placeholder] {
	text-overflow: ellipsis;
}

.sapMInputBaseInner::-webkit-input-placeholder {
	color: @sapUiFieldPlaceholderTextColor;
	text-overflow: ellipsis !important; /* important is necessary to overwrite inline style of shadow dom */
}

.sapMInputBaseInner::-moz-placeholder {
	color: @sapUiFieldPlaceholderTextColor;
}

.sapMInputBaseInner:-ms-input-placeholder {
	color: @sapUiFieldPlaceholderTextColor;
}

.sapMInputBaseInner:invalid {

	/* disable native browser input validation visualization e.g. for type email or number */
	box-shadow: none;
}

.sapMInputBaseErrorInner {
	background: @sapUiFieldInvalidBackground;
	border-color: @sapUiFieldInvalidColor;
}

.sapMInputBaseReadonlyInner {
	border-color: @sapUiFieldReadOnlyBorderColor;
	background: @sapUiFieldReadOnlyBackground;
}

.sapMInputBaseInner:not(.sapMInputBaseReadonlyInner):not(.sapMInputBaseStateInner):focus {
	border-color: @sapUiFieldFocusBorderColor;
}

.sapMInputBaseInner:not(.sapMInputBaseReadonlyInner):not(.sapMInputBaseStateInner):not(.sapMInputBaseDisabledInner):hover {
	background: @sapUiFieldHoverBackground;
	border-color: @sapUiFieldHoverBorderColor;
}

.sapMILI-CTX .sapMInputBaseInner {
	text-align: right;
	background: transparent;
}

html[dir=rtl] .sapMILI-CTX .sapMInputBaseInner,
html[dir=rtl] .sapMILI-CTX .sapMInputBasePlaceholder {
	text-align: left;
}

.sapMILI-CTX .sapMInputBasePlaceholder {
	text-align: right;
}

.sapMLIBActive .sapMInputBaseInner {
	color: @sapUiListActiveTextColor;
	background: transparent;
}

.sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
	color: @sapUiListActiveTextColor;
}

/* Compact size */
.sapUiSizeCompact {

	.sapMInputBase {
		height: 2rem;
	}

	.sapMInputBaseInner {
		height: 1.625rem;
		padding: 0 0.5rem;
	}

	.sapMInputBasePlaceholder {
		line-height: 1.625rem;
		padding: 0 0.5rem;
	}
}

.sapUiSizeCompact .sapMInputBaseWidthPadding {
	padding: 0.1875rem 0;
}

/* Condensed size */
.sapUiSizeCondensed .sapUiTableCell {
	.sapMInputBase {
		height: 1.375rem; /* + 2*1px padding = 1.5rem */
		padding: 0 0.0625rem; /* 1px padding only */

		&.sapMInputValHelp {
			top: 0;
		}
	}

	.sapMInputBaseInner:not(.sapMInputBaseStateInner) {
		border-color: transparent;
	}

	.sapMInputBaseInner {
		height: 1.375rem;
	}

	.sapMInputBasePlaceholder,
	.sapMInputDescription > span {
		line-height: 1.375rem;
	}
}

/* Input selection fix -
 * Due to the fact that the CSS parsing rules require dropping the whole rule when encountering an invalid
 * pseudo-element, two separate rules must be written */
.sapMInputBaseInner {

	&::selection {
		background: @sapUiSelected;
		color: @sapUiContentContrastTextColor;
	}

	&::-moz-selection {
		background: @sapUiSelected;
		color: @sapUiContentContrastTextColor;
	}
}

/* Google chrome and Safari input selection fix:
 * The browser renders the selection background with 50% opacity by default.
 * The solution is to use fade with a value for alpha 99 if it's set 100 the browser ignores it.
 */
html[data-sap-ui-browser^="sf"],
html[data-sap-ui-browser^="cr"] {
	.sapMInputBaseInner::selection {
		background: fade(@sapUiSelected, 99);
	}
}

.sapMInputBaseWarningInner {
	background: @sapUiFieldWarningBackground;
	border-color: @sapUiFieldWarningColor;
}

.sapMInputBaseSuccessInner {
	background: @sapUiFieldSuccessBackground;
	border-color: @sapUiFieldSuccessColor;
}

// When disabled or read-only hide placeholder by setting opacity to 0
.sapMInputBaseDisabled {
	.sapMInputBaseInner::-webkit-input-placeholder {
		opacity: 0;
	}

	.sapMInputBaseInner::-moz-placeholder {
		opacity: 0;
	}

	.sapMInputBaseInner:-ms-input-placeholder {
		color: @sapUiFieldBackground;
	}
}

.sapMInputBaseReadonly {
	.sapMInputBaseInner::-webkit-input-placeholder {
		opacity: 0;
	}

	.sapMInputBaseInner::-moz-placeholder {
		opacity: 0;
	}

	.sapMInputBaseInner:-ms-input-placeholder {
		color: @sapUiFieldReadOnlyBackground;
	}
}
/* END "InputBase.less" */


/* note: the following three files are not in alphabetical order and should be imported after InputBase.less */
/* START "ComboBoxTextField.less" */
/* ======================================== */
/* CSS for control sap.m/ComboBoxTextField  */
/* Base theme                               */
/* ======================================== */

/* ------------------------------ */
/* text field                     */
/* ------------------------------ */

.sapMComboBoxTextField {
	border: 1px solid @sapUiFieldBorderColor;
	margin: 0.25rem 0;
	height: 2.5rem;
}

input.sapMComboBoxTextFieldInner {
	border: none;
	margin: 0;
	height: 100% !important;
}

.sapUiSizeCondensed .sapUiTableCell .sapMComboBoxTextField {
	margin: 0;
}

.sapUiSizeCondensed .sapUiTableCell .sapMComboBoxTextField:not(.sapMComboBoxTextFieldState) {
	border-color: transparent;
}

.sapMComboBoxTextFieldInnerWidthExtraPadding:not(.sapMComboBoxTextFieldInnerReadonly) {
	padding-right: 3rem;
}

// removes additional icon in safari
html[data-sap-ui-browser^="sf"] {
	.sapMComboBoxTextFieldInner::-webkit-contacts-auto-fill-button {
		visibility: hidden;
		pointer-events: none;
		position: absolute;
	}
}

/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */

.sapMComboBoxTextFieldArrow {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	text-align: center;
	cursor: pointer;
	outline: none;
	padding: 0;
	height: 100%;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
	font-size: inherit;
	color: @sapUiContentIconColor;
	width: 2.5rem;
	line-height: 2.375rem;
}

.sapMComboBoxTextFieldArrowDisabled {
	cursor: default;
}

.sapMComboBoxTextFieldArrow::before {
	font-family: "SAP-icons";
	speak: none;
	content: "\e1ef";
}

.sapMComboBoxTextFieldReadonly .sapMComboBoxTextFieldArrow {
	display: none;
}

/* compact size */

/* ------------------------------ */
/* text field                     */
/* ------------------------------ */

.sapUiSizeCompact .sapMComboBoxTextField {
	height: 1.625rem;
	margin: 0.1875rem 0;
}

.sapUiSizeCompact .sapMComboBoxTextFieldInner:not(.sapMComboBoxTextFieldInnerReadonly) {
	padding-right: 2.5rem;
}

/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */

.sapUiSizeCompact .sapMComboBoxTextFieldArrow {
	width: 2rem;
	line-height: 1.5rem;
}

.sapUiSizeCondensed .sapUiTableCell .sapMComboBoxTextFieldArrow {
	line-height: 1.375rem; /* + 2*1px padding = 1.5rem */
}
/* END "ComboBoxTextField.less" */

/* START "ComboBoxBase.less" */
/* =================================== */
/* CSS for control sap.m/ComboBoxBase  */
/* Base theme                          */
/* =================================== */

/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */

/* hover */
html.sap-desktop .sapMComboBoxBaseArrow:not(.sapMComboBoxBasePressed):hover {
	background: @sapUiButtonLiteHoverBackground;
}

/* pressed */
/* note: do not optimize this selector, the sap.m.MulticomboBox DOM structure differ from sap.m.ComboBox */
.sapMComboBoxBasePressed .sapMComboBoxBaseArrow,
html.sap-desktop .sapMComboBoxBasePressed .sapMComboBoxBaseArrow:hover {
	background: @sapUiToggleButtonPressedBackground;
}

/* note: do not optimize this selector, the sap.m.MulticomboBox DOM structure differ from sap.m.ComboBox */
.sapMComboBoxBasePressed .sapMComboBoxBaseArrow::before {
	color: @sapUiToggleButtonPressedTextColor;
}

/* ------------------------------ */
/* dialog                         */
/* ------------------------------ */

div.sapMComboBoxBasePicker .sapMDialogScrollCont {
	padding: 0;
}
/* END "ComboBoxBase.less" */

/* START "ComboBox.less" */
/* =============================== */
/* CSS for control sap.m/ComboBox  */
/* Base theme                      */
/* =============================== */

label.sapMComboBoxPlaceholder {
	padding-right: 3rem;
}

.sapUiSizeCompact label.sapMComboBoxPlaceholder {
	padding-right: 2.5rem;
}

html.sap-desktop .sapMComboBoxBasePressed.sapMComboBoxSelectionActive .sapMComboBoxInner:focus {
	outline: none;
}
/* END "ComboBox.less" */


/* START "InputListItem.less" */
/* ==================================== */
/* CSS for control sap.m/InputListItem  */
/* Base theme                           */
/* ==================================== */

.sapMILI {
	display: -webkit-box;
	display: flex;
	height: 3rem;
}

.sapMILILabel {
	-webkit-box-flex: 1;
	flex: auto;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
	font-size: 1.125rem;
	max-width: 60%;	/*we can have very long title so lets give a limit */
	color: @sapUiListTextColor;
}

.sapMLIBActionable .sapMILILabel {
	cursor: pointer;
}

.sapMILI > .sapMLIBContent {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

.sapMILIDiv {
	-webkit-box-flex: 9;
	flex: 1 0 auto;
	text-align: right;
	margin: 0 0 0 1rem;
}

html[dir=rtl] .sapMILIDiv {
	text-align: left;
}

.sapMLIBActive .sapMILILabel {
	color: @sapUiListActiveTextColor;
}

/* Compact size */
.sapUiSizeCompact .sapMILI {
	height: 2rem;
}

.sapUiSizeCompact .sapMILILabel {
	font-size: @sapMFontMediumSize;
}
/* END "InputListItem.less" */

/* START "Label.less" */
/* ============================ */
/* CSS for control sap.m/Label  */
/* Base theme                   */
/* ============================ */

.sapMLabel {
	color: @sapUiContentLabelColor;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	display: inline-block;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: text;
}

.sapMLabelBold,
.sapMLabel.sapMLabelBold {
	font-weight: bold;
}

.sapMLabelMaxWidth {
	max-width: 100%;
}

.sapMLIBActionable .sapMLabel{
	cursor: pointer;
}

.sapMLabelRequired:before {
	content:"*";
	color: @sapUiFieldRequiredColor;
	font-size: 1.25rem;
	font-weight: bold;
	line-height: 0;
	position: relative;
	top: 0.15rem;
}

.sapMIBar-CTX .sapMLabel {
	color: @sapUiContentLabelColor;
}

.sapMIBar-CTX.sapMFooter-CTX .sapMLabel {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	color: @sapUiPageFooterTextColor;
}

.sapMLIBActive .sapMLabel,
.sapMLIBActive .sapMListTblCell .sapMLabel,
.sapMLIBActive .sapMListTblSubCntRow .sapMLabel{
	color: @sapUiListActiveTextColor;
}

/* ============================ */
/* Overwrites for Label in Form */
/* ============================ */

/* GridLayout */
td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel{
	float: right;
	position: relative;
	padding-right: 0.25rem;
}

/* ResponsiveGridLayout */
/* make labels right aligned if left from fields*/
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	float: right;
}

/* ResponsiveLayout */
/* If label is above the fields it's left aligned, if it's left of the fields it's right aligned */
.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel{
	text-align: end !important; /* to overwrite setting on label */
	width: 100%; /* to react on touch/click on whole label cell */
	padding-right: 0.25rem;
	box-sizing: border-box;
	position: relative;
}

/* in the cases text-align: end is set, we position the colon of the label to absolute so it does not get truncated in the ellipsis*/
td.sapUiFormElementLbl:not(.sapUiGridLabelFull) > .sapMLabel:after,
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel:after,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel:after,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel:after,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel:after,
.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child:not(.sapUiRFLFullLength) > .sapUiRFLContainerContent > .sapMLabel:after {
	position: absolute;
	right: 0;
}

html[data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel {
	text-align: right !important; /* to overwrite setting on label */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer:first-child > .sapUiRFLContainerContent > .sapMLabel {
	text-align: left !important; /* to overwrite setting on label */
}

.sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel{
	text-align: start !important; /* to overwrite setting on label */
	padding-bottom: 2px;
}

html[data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel {
	text-align: left !important; /* to overwrite setting on label */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiFormResLayout .sapUiRFLRow:first-child > .sapUiRFLContainer.sapUiRFLFullLength > .sapUiRFLContainerContent > .sapMLabel {
	text-align: right !important; /* to overwrite setting on label */
}

/* ResponsiveGridLayout */
.sapUiFormResGridCont > .sapUiFormElementLbl > .sapMLabel{
	width: 100%;
}

/* collapse lines in a form */
.sapUiForm .sapUiFormElementLbl > .sapMLabel{
	height: auto;
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel{
	/*
		We guessed the width of a : here. 0.3em seems to be fine in chrome it works without the padding
		but as long as we do not touch the box-sizing it seems to be fine to set it there too
		because the padding is outside of the box
		The use of em is intentional since it has to relate to the current font size applied to the label
	*/
	padding-right: 0.3em;
}

.sapUiForm.sapUiFormEdit .sapUiFormElementLbl > .sapMLabel{
	vertical-align: top; /* align vertically to multiline texts */
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel:after{
	content:":";
}
.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel:lang(fr):after{
	content:" :";
}

.sapUiFormLblColon .sapUiFormElementLbl > .sapMLabel.sapMLabelNoText:after{
	content: none;
}

.sapMLIBUnread .sapMLabel,
.sapMLIBUnread + .sapMListTblSubRow .sapMLabel{
	font-family: @sapUiFontFamily;
	font-weight: bold;
}

/* Info Toolbar Context */
.sapMTB-Info-CTX .sapMLabel {
	font-style: italic;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	color: contrast(@sapUiInfobarBackground, @sapUiListActiveTextColor, @sapUiListTextColor, @sapUiContentContrastTextThreshold);
}

.sapMTB-Info-CTX .sapMLabel.sapMLabelTBHeader {
	text-shadow: none;
}

html[dir=rtl] .sapMTB-Info-CTX .sapMLabel {
	padding-left: 0.125rem; /* prevents truncation of the rightmost symbol in RTL */
}

/* Transparent Toolbar Context*/
.sapMTB-Transparent-CTX .sapMLabel{
	font-weight: @sapUiFontHeaderWeight;
	font-family: @sapUiFontHeaderFamily;
	color: @sapUiGroupTitleTextColor;
}

/* ================================ */
/* SMALL,  MEDIUM and LARGE DEVICES */
/* ================================ */
.sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
.sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
.sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
.sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	text-align: end !important; /* to overwrite style set on element */
	float: none; /* as label has 100% width not needed (will bring wrong alignments on iPad) */
	position: relative; /* to allow to place ":" at end even if label is truncated */
}

html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	text-align: right !important; /* to overwrite style set on element */
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ie] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Phone.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanS12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Tablet.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanM12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-Desktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanL12) > .sapMLabel,
html[dir=rtl][data-sap-ui-browser^=ed] .sapUiRespGridMedia-Std-LargeDesktop.sapUiFormResGridCont > .sapUiFormElementLbl:not(.sapUiRespGridSpanXL12) > .sapMLabel {
	text-align: left !important; /* to overwrite style set on element */
}

/* ========================================================== */
/* COMPACT + CONDENSED SIZE + SPECIALS FOR SAP.UI.TABLE.TABLE */
/* ========================================================== */

.sapUiSizeCompact,
.sapUiSizeCondensed.sapUiTable,
.sapUiSizeCondensed .sapUiTable {
	.sapMIBar-CTX.sapMPageHeader .sapMLabel,
	.sapMDialog-CTX .sapMIBar-CTX .sapMLabel {
		font-size: @sapMFontHeader6Size;
	}
}

.sapUiSizeCompact,
.sapUiSizeCondensed {
	.sapUiTableCell .sapMLabel,
	.sapUiTableColCell > .sapMLabel {
		font-weight: normal;
		font-size: @sapMFontHeader6Size;
	}
}

.sapUiSizeCondensed {
	.sapUiTableTd {
		:not(.sapMRbBLabel):not(.sapMCbLabel) .sapMLabel {
			line-height: 1.5rem;
		}
	}
}

.sapUiTableCell .sapMLabel,
.sapUiTableColCell > .sapMLabel {
	color: @sapUiListTextColor;
}

.sapUiAnalyticalTable {
	.sapUiTableCell > .sapMLabel,
	.sapUiTableColCell > .sapMLabel {
		width: 100%;
	}

	.sapUiAnalyticalTableSum .sapUiTableCell .sapMLabel {
		font-weight: bold;
	}
}
/* END "Label.less" */

/* START "LightBox.less" */
/* =============================== */
/* CSS for control sap.m/LightBox  */
/* Base theme                      */
/* =============================== */

@lightBoxMinHeight: 18rem;
@footerOneLineHeightDesktop: 2.5rem;
@footerTwoLinesHeightDesktop: 4rem;
@footerOneLineHeightMobile: 3rem;
@footerTwoLinesHeightMobile: 4.5rem;
@busyIndicatorHeight: 1rem;

/* ==========================================================================
   Container
  ========================================================================== */

.sapMLightBox {
	min-width: 20rem;
	max-width: 100%;
	min-height: 18rem;
	max-height: 100%;
	border-radius: 0.3125rem;
	overflow: hidden;
	background-color: @sapUiGlobalBackgroundColor;
	box-shadow: @sapUiShadowLevel3;
}

.sap-desktop .sapMLightBox {
	max-width: calc(~"100% - 4rem");
	max-height: calc(~"100% - 4rem");
}

.sap-tablet .sapMLightBox {
	max-width: calc(~"100% - 2rem");
	max-height: calc(~"100% - 2rem");
}

.sapMLightBoxFooter {
  background-color: @sapUiPageFooterBackground;
}

/* ==========================================================================
   Overlay
  ========================================================================== */
.sapMLightBox + .sapUiBLy {
	background: @sapUiBlockLayerBackground;
	opacity: 0.9;
}

/* ==========================================================================
   Image
  ========================================================================== */

.sapMLightBox .sapMImg {
	margin: auto;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* ==========================================================================
   Footer
  ========================================================================== */

.sapMLightBoxFooter {
	display: flex;
	flex-direction: row;
	width: 100%;
	position: absolute;
	bottom: 0;
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-webkit-box-align: start;
	justify-content: space-between;
	height: 3rem;
	align-items: flex-end;
	border-radius: 0 0 0.25rem 0.25rem;

	&.sapMLightBoxFooterTwoLines {
		height: 4.5rem;
	}
}

.sapMLightBoxSubtitle {
	margin-top: 0.5rem;
}

.sapMLightBoxTitleSection {
	margin: 0 1rem;
	padding: 1rem 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	flex: 1;
}

.sapMLightBoxFooter .sapMBtn {
	padding-right: 0.25rem;
}

.sapMText.sapMLightBoxTitle {
  color: @sapUiBaseText;
  font-family: @sapUiFontFamily;
  font-size: @sapMFontMediumSize;
}

.sapMText.sapMLightBoxSubtitle {
  color: @sapUiContentLabelColor;
  font-family: @sapUiFontFamily;
  font-size: @sapMFontMediumSize;
}

/* Footer title
  ========================================================================== */

.sapMLightBoxImageContainer {
	min-height: (@lightBoxMinHeight - 4rem); //TODO: ma trqq go calnem
	position: absolute;
	top: 0;
	bottom: 2.5rem;
	width: 100%;
}

.sapMLightBoxImageContainerTwoHeaders {
	position: absolute;
	top: 0;
	width: 100%;
	height: calc(~"100% - " @footerTwoLinesHeightMobile);
}

/* ==========================================================================
   Busy Indicator
  ========================================================================== */
.sapMLightBox {
	.sapUiSizeCompact {
		.sapMBusyIndicator {
			display: block;
			margin-top: (@lightBoxMinHeight - @busyIndicatorHeight - @footerOneLineHeightDesktop) / 2;
		}

		.sapMLightBoxTwoLines {
			.sapMBusyIndicator {
				height: 14rem;
				margin-top: (@lightBoxMinHeight - @busyIndicatorHeight - @footerTwoLinesHeightDesktop) / 2;
			}
		}
	}
}

.sapMLightBox {
	.sapMBusyIndicator {
		display: block;
		margin-top: (@lightBoxMinHeight - @busyIndicatorHeight - @footerOneLineHeightMobile) / 2;
	}

	.sapMLightBoxTwoLines {
		.sapMBusyIndicator {
			height: 14rem;
			margin-top: (@lightBoxMinHeight - @busyIndicatorHeight - @footerTwoLinesHeightMobile) / 2;
		}
	}
}

/* ==========================================================================
   Error State
  ========================================================================== */

.sapMLightBox .sapMLightBoxErrorContainer {
	padding: 1rem;
}

.sapMLightBox .sapMLightBoxErrorContainerTwoHeaders {
	padding: 2rem;
	height: calc(~"100% - " @footerTwoLinesHeightMobile);
}

.sapMLightBox .sapMLightBoxVerticalLayout {
	text-align: center;
}

.sapMLightBox .sapMLightBoxIconErrorContainer {
	margin: 0 auto;
	width: 5rem;
}

.sapMLightBox .sapMLightBoxErrorIcon {
	font-family: SAP-icons;
	font-size: 4rem;
	font-weight: normal;
	width: 5rem;
	height: 5rem;
}

.sapMLightBox .sapMLightBoxErrorTitle {
	margin-top: 1rem;
	font-size: 1.5rem;
	line-height: 2rem;
	color: @sapUiGroupTitleTextColor;
	font-size: @sapMFontHeader2Size;
}

.sapMLightBox .sapMLightBoxErrorSubtitle {
	line-height: normal;
	margin: 1rem auto;
	font-size: 1rem;
	color: @sapUiContentLabelColor;
	font-size: @sapMFontHeader5Size;
}

.sapMLightBox.sapMLightBoxError .sapMLightBoxFooter {
	position: initial;
}

.sapMLightBox .sapMLightBoxErrorContainer .sapUiIcon::before,
.sapMLightBox .sapMLightBoxErrorContainerTwoHeaders .sapUiIcon::before {
  color: @sapUiContentNonInteractiveIconColor;
}

/* ==========================================================================
   Compact
  ========================================================================== */

.sapUiSizeCompact .sapMLightBoxImageContainerTwoHeaders {
	height: calc(~"100% - " @footerTwoLinesHeightDesktop);
}

.sapUiSizeCompact .sapMLightBoxFooter {
	height: 2.5rem;
	&.sapMLightBoxFooterTwoLines {
		height: 4rem;
	}
}

.sapUiSizeCompact .sapMLightBoxTitleSection {
	padding: 0.75rem 0;
}

.sapUiSizeCompact .sapMLightBoxFooter .sapMBtn {
	padding-right: 0.5rem;
	margin-bottom: 0.25rem;
}

.sapUiSizeCompact .sapMLightBox .sapMLightBoxErrorContainerTwoHeaders {
	height: calc(~"100% - " @footerTwoLinesHeightDesktop);
}
/* END "LightBox.less" */

/* START "Link.less" */
/* =========================== */
/* CSS for control sap.m/Link  */
/* Base theme                  */
/* =========================== */

.sapMLnk {
	color: @sapUiLink;
	text-decoration: none;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: normal;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	cursor: pointer;
}

.sapMLnk:active {
	background-color: transparent; /* required for IE10 */
}

.sapMLnk:active:not(.sapMLnkDsbl),
.sapMLnk:focus:not(.sapMLnkDsbl) {
	color: @sapUiLinkActive;
}
.sapMLnk:visited {
	color: @sapUiLinkVisited;
}
.sapMLnk:hover:not(.sapMLnkDsbl) {
	color: @sapUiLinkHover;
}

.sapUiInverted-CTX .sapUiLnk {
	color: @sapUiLinkInverted;
}

.sapMLnk.sapMLnkWrapping {
	white-space: normal;
	word-wrap: break-word;
}

.sapMLnkMaxWidth {
	max-width: 100%;
}


/* Link in sap.ui.table.* tables */

.sapUiTableCell .sapMLnk {
	vertical-align: middle;
}

.sapUiSizeCondensed .sapUiTableCell .sapMLnk {
	line-height: 1.5rem;
}

.sapUiHLayoutChildWrapper > .sapMLnk {
	vertical-align: text-bottom;
}

/* Global focus offset */
html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
	outline-offset: -1px;
	text-decoration: underline;
}

/* Link focus offset and visualization in sap.ui.table.* tables */
html.sap-desktop .sapUiSizeCondensed .sapUiTableCell .sapMLnk:focus:not(.sapMLnkDsbl) {
	outline-offset: -2px;
}
.sapUiAnalyticalTable .sapUiAnalyticalTableSum .sapUiTableCell .sapMLnk {
	font-weight: bold;
}

/* IE and Edge ignores outline-offset. Use an overlay: */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMLnk:focus:not(.sapMLnkDsbl) {
		outline: none;
		position: relative;
	}
	.sapMLnk:focus:not(.sapMLnkDsbl):before {
		content: " ";
		box-sizing: border-box;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		border: 1px dashed @sapUiContentFocusColor;
		pointer-events: none;
	}
}

/* Hover Decoration only for desktop clients*/
html.sap-desktop .sapMLnk:hover:not(.sapMLnkDsbl) {
	text-decoration: underline;
}

html.sap-desktop .sapMLnk:focus:not(.sapMLnkDsbl) {
	outline: 1px dotted @sapUiContentFocusColor;
}

.sapUiFormEdit .sapMLnk {
	line-height: 3rem;
}

.sapMLnkEmphasized {
	font-weight: bold;
}

/* Compact size */
.sapUiSizeCompact .sapUiFormEdit .sapMLnk {
	line-height: 2rem;
}

.sapMLnk:-webkit-any-link:focus {
	outline: none;
}
/* END "Link.less" */

/* START "ListBase.less" */
/* =============================== */
/* CSS for control sap.m/ListBase  */
/* Base theme                      */
/* =============================== */

.sapMList {
	position: relative;	/* This should not break the list but help swipe list content position calculation */
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

.sapMListUl {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.sapMListSwipable {
	/* IE Windows 8 */
	/* This elements receives events when not panning in vertial direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

.sapMList:focus,
.sapMListUl:focus {
	outline: none;
}

.sapMListSwp {
	overflow: hidden;
	position: absolute;
	right: 0.5em;
	z-index: 1;
	opacity: 0;
	pointer-events: auto;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	margin-top: -1px;
}

.sapMListDummyArea {
	position: fixed; /* keep it in the visible viewport, so that IE does not scroll on focus */
}

/* swipe animations */
@-webkit-keyframes sapMListSwpInAnim {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes sapMListSwpInAnim {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes sapMListSwpOutAnim {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes sapMListSwpOutAnim {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.sapMListSwpInAnim {
	-webkit-animation: sapMListSwpInAnim 0.2s ease-in forwards;
	animation: sapMListSwpInAnim 0.2s ease-in forwards;
}

.sapMListSwpOutAnim {
	-webkit-animation: sapMListSwpOutAnim 0.2s ease-in forwards;
	animation: sapMListSwpOutAnim 0.2s ease-in forwards;
}

.sapMListNoData {
	list-style-type: none;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	color: @sapUiListTextColor;
	background-color: @sapUiListBackground;
	border-bottom: 1px solid @sapUiListBorderColor;
	padding: 0 1rem !important;
	height:3rem;	
}

.sapMListNoDataText {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sapMListShowSeparatorsAll {
	/*class will be added for others, just a reminder*/
}

.sapMListShowSeparatorsInner {
	/*class will be added for others, just a reminder*/
}

.sapMListShowSeparatorsNone {
	/*class will be added for others, just a reminder*/
}

/* Growing feature */
.sapMGrowingListTrigger {
	display: block;
	text-align: center;
	overflow: hidden;
	border-top: 1px solid @sapUiListHeaderBorderColor;
}

.sapMGrowingListDescription {
	display: none;
	padding: 0.375rem 2rem 0.875rem 2rem;
	text-align: center;
}

.sapMGrowingListBusyIndicatorVisible .sapMGrowingListTriggerText,
.sapMGrowingListBusyIndicatorVisible .sapMGrowingListDescription {
	visibility: hidden;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMList");

.sapUiFioriObjectPage > section > .sapMList:not(.sapMListInsetBG) {
	margin: 1rem 0;
	padding: 0 1rem;
	box-sizing:           border-box;
}
.sapUiFioriObjectPage > section > .sapMITB + .sapMList:not(.sapMListInsetBG) {
	margin-top: 1rem;
}
html.sap-phone .sapUiFioriObjectPage > section > .sapMList:not(.sapMListInsetBG) {
	padding: 0;
}

.sapUIMeTabContainerContent .sapMList {
	padding: 1rem;
	box-sizing: border-box;
}

html.sap-phone .sapUIMeTabContainerContent .sapMList {
	padding: 0rem;
	box-sizing:           border-box;
}

.sapMListInsetBG {
	padding: 2rem;
}

.sapMListInsetBG > .sapMListSwp {
	margin-right: 2rem;
}

html.sap-phone .sapMListInsetBG{
	padding: 1rem;
}
html.sap-phone .sapMListInsetBG > .sapMListSwp {
	margin-right: 1rem;
}

.sapMListHdr {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: @sapMFontHeader4Size;
	font-family: @sapUiFontHeaderFamily;
	color: @sapUiGroupTitleTextColor;
	height: 3rem;
	line-height: 3rem;
	padding: 0 1rem;
	background-color: @sapUiGroupTitleBackground;
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
}

.sapMListFtr{
	height: 2rem;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;	/* To improve readability Mobile Safari automatically increases the size of small text so let's disable this */
	font-size: @sapMFontMediumSize;
	line-height: 2rem;
	background-color: @sapUiListFooterBackground;
	color: @sapUiListFooterTextColor;
	padding: 0 1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMListTopBorder {
	border-top: 1px solid @sapUiListBorderColor;
}

.sapMListShowSeparatorsNone .sapMListNoData {
	border-bottom: 0px;
}

.sapUIMeTabContainerContent .sapMFeedListItem {
	display: block;
	padding: .5rem 0;
}

/* Growing feature */
.sapMGrowingListBusyIndicator {
	margin: 1.5rem 1.0rem ;
	position: absolute;
}

.sapMGrowingListTriggerText {
	padding: 0 2rem;
}

.sapMGrowingListTriggerText > .sapMSLITitle {
	margin: 0.813rem 0; /* overwrites any user-agent default margin values */
	padding-bottom: 0;
	color: @sapUiButtonTextColor;
}

.sapMGrowingListDescription.sapMSLIDescription {
	color: @sapUiButtonTextColor;
}

/* Compact size */
.sapUiSizeCompact .sapMListNoData {
	height: 2rem;
	font-size: @sapMFontMediumSize;
}

.sapUiSizeCompact .sapMListFtr{
	font-size: @sapMFontSmallSize;
}

.sapUiSizeCompact .sapMTB.sapMListHdrTBar {
	height: 3rem;
}

.sapUiSizeCompact .sapMGrowingListDescription{
	padding-top: 0;
}
/* END "ListBase.less" */

/* START "ListItemBase.less" */
/* =================================== */
/* CSS for control sap.m/ListItemBase  */
/* Base theme                          */
/* =================================== */

.sapMLIB,
.sapMLIBImgNav,
.sapMLIBIconDet,
.sapMLIBIconDel {
	box-sizing: border-box;
}

.sapMLIB {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	position: relative;
	background: @sapUiListBackground;
	border-bottom: 1px solid @sapUiListBorderColor;
	padding: 0 1rem 0 1rem;
}

.sapMLIBContent {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
	max-width: 100%;
}

.sapMLIBTypeNavigation {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sapMLIBFocusable:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: -1px;
}

.sapMLIB:not(.sapMLIBFocusable):focus,
.sapMListTblSubRow:focus {
	outline: none;
}

/* IE ignores outline-offset. Use an overlay: */
.sapMLIBLegacyOutline:focus {
	outline: none;
	position: relative;
}

.sapMLIBLegacyOutline:focus::before {
	content: "";
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
  	border: 1px dotted @sapUiContentFocusColor;
}

.sapMLIBSelectS,
.sapMLIBSelectSL,
.sapMLIBSelectM,
.sapMLIBSelectD {
	width:2.75em;
}

.sapMLIBActionable {
	cursor: pointer;
}

.sapMLIBImgNav,
.sapMLIBImgDet,
.sapMLIBImgDel,
.sapMLIBIconDet,
.sapMLIBSelectS,
.sapMLIBSelectSL,
.sapMLIBSelectM,
.sapMLIBSelectD,
.sapMLIBCounter {
	-webkit-box-flex: 0;
	flex: none;
}

.sapMLIBHighlight {
	position: absolute;
	width: 0.375rem;
	bottom: 0;
	left: 0;
	top: 0;
}

.sapMLIBHighlight + .sapMLIBContent,
.sapMListHighlight .sapMLIBContent:first-child {
	margin-left: 0.375rem;
}

.sapMLIBHighlight + .sapMLIBSelectSL,
.sapMLIBHighlight + .sapMLIBSelectM,
.sapMListHighlight > .sapMLIB > .sapMLIBSelectSL:first-child,
.sapMListHighlight > .sapMLIB .sapMLIBSelectM:first-child  {
	margin-left: -0.625rem;
}

.sapMLIBHighlightInformation {
	background: @sapUiHighlight
}
.sapMLIBHighlightSuccess {
	background: @sapUiSuccessBorder
}
.sapMLIBHighlightWarning {
	background: @sapUiWarningBorder
}
.sapMLIBHighlightError {
	background: @sapUiErrorBorder
}

/* IE ignores outline-offset. Use an overlay: */
.sapMLIBFocusable.sapMLIBLegacyOutline:focus {
	outline: none;
}

.sapMListModeDelete .sapMLIB,
.sapMListModeSingleSelect .sapMLIB,
.sapMLIB.sapMLIBTypeNavigation {
	padding-right: 0;
}

.sapMListShowSeparatorsNone .sapMLIBShowSeparator {
	border-bottom: 1px solid transparent;
}

.sapMListShowSeparatorsInner .sapMLIBShowSeparator:last-child {
	border-bottom-color: transparent;
}

.sapMLIB.sapMListTblSupRow {
	border-bottom: 0;
}

.sapMLIBSelectSL,
.sapMLIBSelectM {
	width:3rem;
	margin-left: -1rem;
}

.sapMLIBSelectD,
.sapMLIBSelectS {
	width: 3rem;
	text-align: center;
}

.sapMLIBSelectD {
	cursor: pointer;
}

.sapMLIBSelectD > .sapUiIcon {
	font-size: 1.5rem;
	color: @sapUiButtonIconColor;
	font-weight: normal;
	width : 100%;
}

.sapMLIBSelectAnimation {
	-webkit-animation-duration: 0.25s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-name: resize;
	animation-duration: 0.25s;
	animation-timing-function: ease-in;
	animation-name: resize;
}

@-webkit-keyframes resize {
	0% {
		width: 0;
	}
	100% {
		width: 3rem;
	}
}

@keyframes resize {
	0% {
		width: 0;
	}
	100% {
		width: 3rem;
	}
}

.sapMLIBUnselectAnimation {
	-webkit-animation-duration: 0.25s;
	-webkit-animation-timing-function: ease-in;
	-webkit-animation-name: close;
	animation-duration: 0.25s;
	animation-timing-function: ease-in;
	animation-name: close;
}

@-webkit-keyframes close {
	0% {
		width: 3rem;
	}
	100% {
		width: 0;
	}
}

@keyframes close {
	0% {
		width: 3rem;
	}
	100% {
		width: 0;
	}
}

.sapMLIBUnread,
.sapMLIBUnread > .sapMListTblCell,
.sapMLIBUnread + .sapMListTblSubRow {
	font-family: @sapUiFontFamily;
	font-weight: bold;
}

.sapMLIBCounter {
	font-size: 0.875rem;
	color: @sapUiContentMarkerTextColor;
	padding-left: 1rem;
}

.sapMLIBImgNav {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 0.75rem;
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMLIBIconDet {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.375rem;
	color: @sapUiButtonIconColor;
	text-shadow: @sapUiShadowText;
	margin-right: -1rem;
	margin-left: 0.5rem;
	-webkit-box-flex: 0;
	flex: none;
}

.sapMLIBActive .sapMLIBImgNav,
.sapMLIBActive .sapMLIBIconDet,
.sapMLIBActive .sapMLIBIconDel,
.sapMLIBIconDet:active,
.sapMLIBIconDel:active {
	color: @sapUiListActiveTextColor;
	background: @sapUiListActiveBackground;
	text-shadow: none;
}

html.sap-desktop .sapMLIBImgNav:focus,
html.sap-desktop .sapMLIBIconDet:focus,
html.sap-desktop .sapMLIBIconDel:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: -1px;
}

.sapMLIBImgDel {
	height: 3rem;
	width: 3rem;
}

.sapMLIBHoverable:hover {
	background : @sapUiListHoverBackground;
}

.sapMLIB.sapMLIBSelected {
	background: @sapUiListSelectionBackgroundColor;
}

.sapMLIBHoverable.sapMLIBSelected:hover {
	background : @sapUiListSelectionHoverBackground;
}

.sapMLIB.sapMLIBActive {
	color: @sapUiListActiveTextColor;
	background: @sapUiListActiveBackground;
}

.sapMLIBActive div,
.sapMLIBActive .sapMLIBCounter {
	color: @sapUiListActiveTextColor;
}

/* Compact size */
.sapUiSizeCompact .sapMLIBSelectSL,
.sapUiSizeCompact .sapMLIBSelectM {
	padding-left: 0.5rem;
	width: 2.5rem;
}

.sapUiSizeCompact .sapMLIBImgNav,
.sapUiSizeCompact .sapMLIBIconDet{
	height: 2rem;
	line-height: 2rem;
}
/* END "ListItemBase.less" */

/* START "Menu.less" */
/* =========================== */
/* CSS for control sap.m/Menu  */
/* Base theme                  */
/* =========================== */

.sapMListIcons .sapMLIB:not(.sapMSLIIcon) > .sapMLIBContent {
	padding-left: 2rem;
}

.sapMRespMenuDialog .sapMLIB {
	border-bottom: none;
}

/* compact */
.sapUiSizeCompact .sapMMenu.sapUiMnu {
	min-width: 50px;
}

.sapUiSizeCompact .sapMMenu .sapUiMnuItmIco > .sapUiIcon {
	font-size: 1rem;
}

/* end compact */
/* END "Menu.less" */

/* START "MenuButton.less" */
/* ================================= */
/* CSS for control sap.m/MenuButton  */
/* Base theme                        */
/* ================================= */

.sapMMenuBtn {
	display: inline-block;
	max-width: 12rem;
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner {
	text-align: left;
	padding-right: 2rem;
	position: relative;
}

.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
	padding-right: 1.4375rem;
}
	
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
	position: absolute;
	top: 0;
	right: 0;
	pointer-events: none;
	font-family: 'SAP-icons';
	content: '\e1ef';
	display: inline-block;
	font-size: 0.75rem;
	height: 38px; //ie does not accept rem for height in pseudo elements, but it works with px when you zoom
	line-height: 38px;
	padding-right: 0.75rem;
	padding-left: 0.5625rem;
	color: @sapUiButtonIconColor;
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner {
	background-image: none;
	text-shadow: none;
	background-color: @sapUiButtonActiveBackground;
	border-color:     @sapUiButtonActiveBorderColor;
}

.sapUiSizeCompact {
	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner {
		padding-right: 1.625rem;
	}

	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner:not(.sapMBtnText) {
		padding-right: 1.25rem;
	}

	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
		height: 24px; //ie does not accept rem for height in pseudo elements, but it works with px when you zoom
		line-height: 24px;
		padding-right: 0.5rem;
		padding-left: 0.375rem;
	}
}

//type Default, Transparent(header)
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnActive::after {
	color: @sapUiButtonActiveTextColor;
}

//type Emphasized
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnEmphasized::after {
	color: @sapUiButtonEmphasizedTextColor;
	text-shadow: @sapUiButtonEmphasizedTextShadow;
}


.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnEmphasized.sapMBtnActive::after {
	text-shadow: none;
}

//type Accept
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnAccept::after {
	color: @sapUiButtonAcceptTextColor;
}

//type Reject
.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnReject::after {
	color: @sapUiButtonRejectTextColor;
}

//Transparent(footer)
.sapMIBar-CTX.sapMFooter-CTX .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner::after {
	color: @sapUiContentContrastIconColor;
	text-shadow: @sapUiButtonEmphasizedTextShadow;
}

.sapMFooter-CTX .sapMMenuBtn .sapMBtn:hover > .sapMBtnHoverable:not(.sapMBtnActive) {
	text-shadow: none;
}

.sapMIBar-CTX.sapMFooter-CTX .sapMMenuBtn.sapMMenuBtnRegular .sapMBtnInner.sapMBtnActive::after {
	text-shadow: none;
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnReject {
	background-color: @sapUiButtonRejectActiveBackground;
	border-color:     @sapUiButtonRejectActiveBorderColor;
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnAccept {
	background-color: @sapUiButtonAcceptActiveBackground;
	border-color:     @sapUiButtonAcceptActiveBorderColor;
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner.sapMBtnEmphasized {
	background-color: @sapUiButtonEmphasizedActiveBackground;
	border-color:     @sapUiButtonEmphasizedActiveBorderColor;
}

.sapMMenuBtn.sapMMenuBtnSplit .sapMSBActive:not(.sapMBtnDisabled) > .sapMBtnInner .sapMBtnIcon {
	color: @sapUiButtonActiveTextColor;
}
/* END "MenuButton.less" */

/* START "MenuListItem.less" */
/* =================================== */
/* CSS for control sap.m/MenuListItem  */
/* Base theme                          */
/* =================================== */

/* phone */

.sapMRespMenuDialog .sapMLIB {
	position: relative;
}

.sapMRespMenuDialog .sapMSLIIcon {
	padding-left: 0;
}

.sapMRespMenuDialog .sapMSLIIcon > .sapMLIBContent {
	margin-left: 0;
}

.sapMRespMenuDialog .sapMSLITitleOnly {
	font-style: normal;
	font-weight: normal;
	font-size: @sapMFontMediumSize;
}

.sapMMenuLIHasChildren .sapMSLITitleDiv {
	margin-right: 2rem;
	text-overflow: ellipsis;
}

.sapMMenuLIImgThumbIcon {
	font-size: 1.375rem;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	-webkit-box-flex: 0;
	flex: none;
}

.sapMMenuLIArrowRightIcon {
	position:absolute;
	right:0;
	top:0;
	font-size: .75rem;
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	-webkit-box-flex: 0;
	flex: none;
}

.sapMRespMenuDialog .sapUiMnuDiv {
	height: 1px;
}

.sapMRespMenuDialog .sapUiMnuDiv > hr {
	height: 0;
	margin: 0;
	left: 1rem;
	right: 1rem;
}

/* end phone */

/* desktop and tablet */

.sapMMenu .sapUiMnuDiv {
	height: 1px;
}

.sapMMenu .sapUiMnuDiv > hr {
	height: 0;
	margin: 0;
}

.sapMMenu .sapUiMnuItmTxt {
	padding-right: 2rem;
	max-width: 16rem;
	text-overflow: ellipsis;
}


.sapMMenu.sapUiMnu .sapUiMnuNoIco.sapUiMnuNoSbMnu .sapUiMnuItmTxt {
	max-width: 19rem;
}

.sapMMenu.sapUiMnu .sapUiMnuNoIco:not(.sapUiMnuNoSbMnu) .sapUiMnuItmTxt,
.sapMMenu.sapUiMnu .sapUiMnuNoSbMnu:not(.sapUiMnuNoIco) .sapUiMnuItmTxt {
	max-width: 17.5rem;
}

/* cozy */
.sapUiSizeCozy.sapMMenu .sapUiMnuDiv > hr {
	left: 1rem;
	right: 1rem;
}

//really strong selector in the sapUiMnu demands this
.sapUiSizeCozy.sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
	padding-right: 3rem;
	max-width: 14rem;
	text-overflow: ellipsis;
}

.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoIco.sapUiMnuNoSbMnu .sapUiMnuItmTxt {
	max-width: 18rem;
}

.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoIco:not(.sapUiMnuNoSbMnu) .sapUiMnuItmTxt,
.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoSbMnu:not(.sapUiMnuNoIco) .sapUiMnuItmTxt {
	max-width: 16rem;
}

/* end cozy */

/* compact */

/* end compact */

/* end desktop and tablet */
/* END "MenuListItem.less" */

/* START "MessageBox.less" */
/* ================================= */
/* CSS for control sap.m/MessageBox  */
/* Base theme                        */
/* ================================= */

.sapMMessageBoxLinkText {
	margin-top: 1rem;
	float: left;
}

.sapMMessageBoxDetails {
	padding-top: 1rem;
}

.sapMMessageBoxBarShadow(@color) {
	box-shadow: inset 0 -0.125rem @color;
}

.sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
	color: @sapUiNeutralElement;
}

.sapMDialog.sapMMessageBoxWarning .sapMDialogIcon.sapUiIcon {
	color: @sapUiCriticalElement;
}

.sapMDialog.sapMMessageBoxError .sapMDialogIcon.sapUiIcon {
	color: @sapUiNegativeElement;
}

.sapMDialog.sapMMessageBoxSuccess .sapMDialogIcon.sapUiIcon {
	color: @sapUiPositiveElement;
}

.sapMDialog.sapMMessageBoxQuestion .sapMDialogIcon.sapUiIcon {
	color: @sapUiNeutralElement;
}

.sapMMessageDialog.sapMMessageBoxInfo > .sapMBar {
	.sapMMessageBoxBarShadow(@sapUiNeutralElement);
}

.sapMMessageDialog.sapMMessageBoxWarning > .sapMBar {
	.sapMMessageBoxBarShadow(@sapUiCriticalElement);
}

.sapMMessageDialog.sapMMessageBoxError > .sapMBar {
	.sapMMessageBoxBarShadow(@sapUiNegativeElement);
}

.sapMMessageDialog.sapMMessageBoxSuccess > .sapMBar {
	.sapMMessageBoxBarShadow(@sapUiPositiveElement);
}

.sapMMessageDialog.sapMMessageBoxQuestion > .sapMBar {
	.sapMMessageBoxBarShadow(@sapUiNeutralElement);
}
/* END "MessageBox.less" */

/* START "MessageStrip.less" */
/* =================================== */
/* CSS for control sap.m/MessageStrip  */
/* Base theme                          */
/* =================================== */

.sapMMsgStrip {
	border: 1px solid;
	border-radius: 0.1875rem;
	box-sizing: border-box;
	font-size: 0.875rem;
	font-weight: normal;
	padding: 0.4375rem 1rem;
	position: relative;

	&[data-sap-ui-ms-closable='true'] > .sapMMsgStripMessage {
		margin-right: 1rem;
	}
}

html[data-sap-ui-animation='on'] {
	.sapMMsgStrip {
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}

	.sapMMsgStripCloseButton {
		-webkit-transition: color 0.1s;
		transition: color 0.1s;
	}
}

.sapMMsgStripClosing {
	opacity: 0;
}

.sapMMsgStripIcon {
	position: absolute;
	top: 0.375rem;
	left: 0;
	width: 2.5rem;
	font-size: 1rem;
	text-align: center;

	& ~ .sapMMsgStripMessage {
		margin-left: 1.5rem;
	}
}

.sapMMsgStripMessage {
	max-height: 10rem;
	overflow: auto;

	& > .sapMText,
	& > .sapMLnk {
		display: inline;
	}

	& > .sapMLnk {
		margin-left: 0.25rem;
	}
}

.sapMMsgStripCloseButton {
	border: 0;
	padding: 0;
	background: transparent;
	color: inherit;
	width: 1.625rem;
	height: 1.625rem;
	position: absolute;
	top: 0.125rem;
	right: 0.125rem;
	box-sizing: border-box;
	font-family: 'SAP-icons';
	font-size: 0.75rem;
	cursor: pointer;

	&:focus {
		outline: 0;
	}

	&::-moz-focus-inner {
		border: 0;
	}

	&::before {
		content: "";
		position: absolute;
		top: -25%;
		bottom: -25%;
		left: -25%;
		right: -25%;
	}

	&::after {
		content: '\e03e';
		position: absolute;
	}
}

.sapMMsgStripInformation {
	background-color: @sapUiNeutralBG;
	border-color: @sapUiNeutralBorder;
	color: @sapUiBaseText;

	& .sapMMsgStripIcon {
		color: @sapUiNeutralElement;
	}
}

.sapMMsgStripSuccess {
	background-color: @sapUiSuccessBG;
	border-color: @sapUiSuccessBorder;
	color: @sapUiBaseText;

	& .sapMMsgStripIcon {
		color: @sapUiPositiveElement;
	}
}

.sapMMsgStripWarning {
	background-color: @sapUiWarningBG;
	border-color: @sapUiWarningBorder;
	color: @sapUiBaseText;

	& .sapMMsgStripIcon {
		color: @sapUiCriticalElement;
	}
}

.sapMMsgStripError {
	background-color: @sapUiErrorBG;
	border-color: @sapUiErrorBorder;
	color: @sapUiBaseText;

	& .sapMMsgStripIcon {
		color: @sapUiNegativeElement;
	}
}
/* END "MessageStrip.less" */

/* START "MessagePopover.less" */
/* ===================================== */
/* CSS for control sap.m/MessagePopover  */
/* Base theme                            */
/* ===================================== */

.sapMMsgPopover {
	.sapMSegBBtnMixed {
		padding-left: 0;
		padding-right: 0;
	}

	.sapMDialogScrollCont {
		padding: 0;
	}

	.sapMIBar .sapMBarChild {
		margin-left: .25rem;
		margin-right: .25rem;
	}

	.sapMMsgPopoverTitleText,
	.sapMMsgPopoverDescriptionText {
		display: block;
		padding: 0 1rem 0 3rem;
		margin-top: 1rem;
	}

	.sapMMsgPopoverDescriptionText {
		padding-bottom: 1rem;
		font-size: @sapMFontMediumSize;
	}

	.sapMMsgPopoverDescriptionLink {
		margin: 1rem 0 0 3rem;
	}

	.sapMMsgPopoverDescriptionText:empty {
		display: none;
	}

	.sapMMsgPopoverTitleText {
		vertical-align: middle;
		font-size: @sapMFontHeader5Size;
	}

	.sapMSLIDescription {
		margin-top: 0.125rem;
		font-size: @sapMFontMediumSize;
	}

	.sapMSLITitle {
		padding-bottom: 0;
		font-size: @sapMFontLargeSize;
	}

	.sapMSLITitleOnly {
		font-size: @sapMFontLargeSize;
	}

	.sapMLIB.sapMLIBActive {
		.sapMSLIImgIcon {
			color: @sapUiListActiveTextColor;
		}
	}

	.sapMSLIDescIcon .sapMSLIDescriptionDiv {
		margin-top: 0.125rem;
	}

	.sapMSLIInfo {
		margin: 0;
	}	
}

.sapMMsgPopover.sapMMsgPopover-init {
	.sapMNavItem.sapMPage {
		position: relative;
	}

	.sapMIBar {
		border-bottom: 0;
	}
}

.sapMMsgPopoverDescIcon {
	position: absolute;
	left: 0;
	width: 3rem;
	top: .7rem;
	font-size: 1.35rem;
}

.sapMMsgPopoverCloseBtn {
	.sapMBtnIcon {
		width: 2.5rem;
		height: 2.5rem;
		font-size: 1rem;
	}
}

/* Compact size */
.sapUiSizeCompact.sapMMsgPopover {
	&.sapMPopoverArrUp:after,
	&.sapMPopoverWithoutBar.sapMPopoverNav.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after,
	&.sapMPopoverWithoutBar.sapMPopoverPage.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after {
		bottom: -9px;
		left: -8px;
	}

	.sapMMsgPopoverItem {
		height: 3.5rem;
	}

	.sapMMsgPopoverItem .sapMLIBImgNav.sapUiIcon {
		height: 3.4375rem;
		line-height: 3.4375rem;
	}

	.sapMMsgPopoverItem.sapMSLINoDescIcon {
		height: 2rem;
	}

	.sapMMsgPopoverCloseBtn .sapMBtnIcon {
		width: 1.626rem;
		height: 1.626rem;
		font-size: 0.75rem;
	}

	.sapMList .sapMLIBContent .sapUiIcon {
		font-size: 1rem;
	}

	.sapMBtnInner {
		padding: 0;
	}

	.sapMMsgPopoverCloseBtn .sapMBtnIcon,
	.sapMMsgPopoverBackBtn .sapMBtnIcon {
		margin-right: 0;
	}

	.sapMBtnCustomIcon  {
		margin-left: 0;
	}

	.sapMMsgPopoverDescIcon {
		width: 3rem;
		height: 1.626rem;
		line-height: 1.626rem;
		font-size: 1rem;
	}

	.sapMSLIDescription {
		margin-top: 0;
		font-size: @sapMFontMediumSize;
	}

	.sapMSLITitle {
		font-size: @sapMFontMediumSize;
	}

	.sapMSLIDescIcon .sapMSLITitleDiv,
	.sapMSLIDescIcon .sapMSLIDescriptionDiv {
		margin-top: 0.125rem;
		margin-bottom: 0.125rem;
	}
}

.sapMMsgPopoverItemSuccess .sapMSLIImgIcon,
.sapMMsgPopoverBtnSuccess.sapMSegBBtn .sapUiIcon,
.sapMMsgPopoverDescIconSuccess {
	color: @sapUiPositiveElement;
}

.sapMMsgPopoverItemWarning .sapMSLIImgIcon,
.sapMMsgPopoverBtnWarning.sapMSegBBtn .sapUiIcon,
.sapMMsgPopoverDescIconWarning {
	color: @sapUiCriticalElement;
}

.sapMMsgPopoverItemError .sapMSLIImgIcon,
.sapMMsgPopoverBtnError.sapMSegBBtn .sapUiIcon,
.sapMMsgPopoverDescIconError {
	color: @sapUiNegativeElement;
}

.sapMMsgPopoverItemInformation .sapMSLIImgIcon,
.sapMMsgPopoverBtnInformation.sapMSegBBtn .sapUiIcon,
.sapMMsgPopoverDescIconInformation {
	color: @sapUiNeutralElement;
}

.sapMMsgPopoverItem .sapMSLIIconActive {
	color: @sapUiContentContrastIconColor;
}

.sapMPopover.sapMMsgPopover.sapMMsgPopover-init {
	.sapMPopoverArr:after {
		border-top-color: @sapUiPageHeaderBackground;
	}
}

.sapMMsgPopoverCloseBtn .sapMBtnIcon {
	color: @sapUiButtonIconColor;
}

// style links in the description as Link control
.sapMMsgPopoverDescriptionText a {
	text-decoration: none;
	color: @sapUiLink;
	&:hover {
		text-decoration: underline;
		color: @sapUiLinkHover;
	}
	&:visited {
		text-decoration: none;
		color: @sapUiLinkVisited;
	}
	&:active {
		color: @sapUiLinkActive;
	}
}

/* END "MessagePopover.less" */

/* START "MessageView.less" */
/* ===================================== */
/* CSS for control sap.m/MessagePopover  */
/* Base theme                            */
/* ===================================== */

.sapMMsgView {
	height: 100%;

	.sapMSegBBtnMixed {
		padding-left: 0;
		padding-right: 0;
	}

	.sapMDialogScrollCont {
		padding: 0;
	}

	.sapMIBar .sapMBarChild {
		margin-left: .25rem;
		margin-right: .25rem;
	}

	.sapMMsgViewTitleText,
	.sapMMsgViewDescriptionText {
		display: block;
		padding: 0 1rem 0 3rem;
		margin-top: 1rem;
	}

	.sapMMsgViewDescriptionText {
		padding-bottom: 1rem;
		font-size: @sapMFontMediumSize;
	}

	.sapMMsgViewDescriptionLink {
		margin: 1rem 0 0 3rem;
	}

	.sapMMsgViewDescriptionText:empty {
		display: none;
	}

	.sapMMsgViewTitleText {
		vertical-align: middle;
		font-size: @sapMFontHeader5Size;
	}

	.sapMSLIDescription {
		margin-top: 0.125rem;
		font-size: @sapMFontMediumSize;
	}

	.sapMSLITitle {
		padding-bottom: 0;
		font-size: @sapMFontLargeSize;
	}

	.sapMSLITitleOnly {
		font-size: @sapMFontLargeSize;
	}

	.sapMLIB.sapMLIBActive {
		.sapMSLIImgIcon {
			color: @sapUiListActiveTextColor;
		}
	}

	.sapMSLIDescIcon .sapMSLIDescriptionDiv {
		margin-top: 0.125rem;
	}

	.sapMSLIInfo {
		margin: 0;
	}	
}

.sapMMsgView.sapMMsgView-init {
	.sapMNavItem.sapMPage {
		position: relative;
	}

	.sapMIBar {
		border-bottom: 0;
	}
}

.sapMMsgViewDescIcon {
	position: absolute;
	left: 0;
	width: 3rem;
	top: .7rem;
	font-size: 1.35rem;
}

.sapMMsgViewCloseBtn {
	.sapMBtnIcon {
		width: 2.5rem;
		height: 2.5rem;
		font-size: 1rem;
	}
}

/* Compact size */
.sapUiSizeCompact.sapMMsgView {
	&.sapMPopoverArrUp:after,
	&.sapMPopoverWithoutBar.sapMPopoverNav.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after,
	&.sapMPopoverWithoutBar.sapMPopoverPage.sapMPopoverWithHeaderCont > .sapMPopoverArrUp:after {
		bottom: -9px;
		left: -8px;
	}

	.sapMMsgViewItem {
		height: 3.5rem;
	}

	.sapMMsgViewItem.sapMSLINoDescIcon {
		height: 2rem;
	}

	 .sapMMsgViewItem .sapMLIBImgNav.sapUiIcon {
		height: 3.4375rem;
		line-height: 3.4375rem;
	}

	.sapMMsgViewCloseBtn .sapMBtnIcon {
		width: 1.626rem;
		height: 1.626rem;
		font-size: 0.75rem;
	}

	.sapMList .sapMLIBContent .sapUiIcon {
		font-size: 1rem;
	}

	.sapMBtnInner {
		padding: 0;
	}

	.sapMMsgViewCloseBtn .sapMBtnIcon,
	.sapMMsgViewBackBtn .sapMBtnIcon {
		margin-right: 0;
	}

	.sapMBtnCustomIcon  {
		margin-left: 0;
	}

	.sapMMsgViewDescIcon {
		width: 3rem;
		height: 1.626rem;
		line-height: 1.626rem;
		font-size: 1rem;
	}

	.sapMSLIDescription {
		margin-top: 0;
		font-size: @sapMFontMediumSize;
	}

	.sapMSLITitle {
		font-size: @sapMFontMediumSize;
	}

	.sapMSLIDescIcon .sapMSLITitleDiv,
	.sapMSLIDescIcon .sapMSLIDescriptionDiv {
		margin-top: 0.125rem;
		margin-bottom: 0.125rem;
	}
}

.sapMMsgViewItemSuccess .sapMSLIImgIcon,
.sapMMsgViewBtnSuccess.sapMSegBBtn .sapUiIcon,
.sapMMsgViewDescIconSuccess {
	color: @sapUiPositiveElement;
}

.sapMMsgViewItemWarning .sapMSLIImgIcon,
.sapMMsgViewBtnWarning.sapMSegBBtn .sapUiIcon,
.sapMMsgViewDescIconWarning {
	color: @sapUiCriticalElement;
}

.sapMMsgViewItemError .sapMSLIImgIcon,
.sapMMsgViewBtnError.sapMSegBBtn .sapUiIcon,
.sapMMsgViewDescIconError {
	color: @sapUiNegativeElement;
}

.sapMMsgViewItemInformation .sapMSLIImgIcon,
.sapMMsgViewBtnInformation.sapMSegBBtn .sapUiIcon,
.sapMMsgViewDescIconInformation {
	color: @sapUiNeutralElement;
}

.sapMMsgViewItem .sapMSLIIconActive {
	color: @sapUiContentContrastIconColor;
}

.sapMPopover.sapMMsgView.sapMMsgView-init {
	.sapMPopoverArr:after {
		border-top-color: @sapUiPageHeaderBackground;
	}
}

.sapMMsgViewCloseBtn .sapMBtnIcon {
	color: @sapUiButtonIconColor;
}
/* END "MessageView.less" */

/* START "MessageToast.less" */
/* =================================== */
/* CSS for control sap.m/MessageToast  */
/* Base theme                          */
/* =================================== */

.sapMMessageToast {
	box-sizing: border-box;
	position: absolute;
	max-width: 100%;
	word-wrap: break-word;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: pre-line;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	padding: 1rem;
	background: @sapUiListBackground;
	color: @sapUiListTextColor;
	box-shadow: @sapUiShadowLevel2;
	border-radius: 0.25rem;
}
/* END "MessageToast.less" */

/* START "MultiComboBox.less" */
/* ==================================== */
/* CSS for control sap.m/MultiComboBox  */
/* Base theme                           */
/* ==================================== */

.sapMMultiComboBox.sapMInputBase {
	&:not(.sapMInputBaseReadonly) {
		background-color: @sapUiFieldBackground;
	}

	& .sapMMultiComboBoxInputInner {
		background-color: transparent;
	}
}

.sapMMultiComboBoxFocus .sapMMultiComboBoxBorder::after {
	border: 1px dotted @sapUiContentFocusColor;
	content: "";
	position: absolute;
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	pointer-events: none;
}

.sapMMultiComboBox.sapMComboBoxTextFieldReadonly {
	background-color: @sapUiFieldReadOnlyBackground;
}

.sapMMultiComboBox.sapMMultiComboBoxFocus .sapMInputBaseInner:not(.sapMInputBaseReadonlyInner):focus {
	outline: none;
}

li.sapMMultiComboBoxItem .sapMCbBg {
	top: 0;
	bottom: 0;
	margin: auto;
}

/* Workaround for missing disabled state of sap.m.Tokenizer */
.sapMMultiComboBox.sapMComboBoxBaseDisabled {
	pointer-events: none;
}

/* ------------------------------ */
/* BorderDiv                      */
/* ------------------------------ */

/* on the desktop we hide the overflow */
html.sap-desktop .sapMMultiComboBoxBorder {
	overflow: hidden;
}

.sapMMultiComboBoxBorder {
	height: 100%;
	display: flex;

	&.sapMMultiComboBoxBorder .sapMTokenizer {
		flex: 0 1 auto;

		& .sapMToken:first-child {
			margin-left: 0.375rem;
		}
	}
}

.sapUiSizeCompact .sapMMultiComboBoxBorder .sapMTokenizer .sapMToken:first-child{
		margin-left: 0.25rem;
	}

.sapMMultiComboBoxHasToken .sapMInputBaseInner {
	padding-left: 0;
}

	/* ------------------------------ */
/*             InputDiv           */
/* ------------------------------ */

.sapMMultiComboBoxInputContainer {
	flex: 1;
	margin-right: 2.5rem;
	min-width: 3rem;
	// in Safari height of the inner input calculated wrong
	height: 100%;

	& .sapMMultiComboBoxInputInner {
		font-size: @sapMFontMediumSize;
		font-family: @sapUiFontFamily;
	}

	& .sapMMultiComboBoxInputInner:not(.sapMComboBoxTextFieldInnerReadonly) {
		padding-right: 0.75rem;
	}
}

.sapUiSizeCompact {
	.sapMMultiComboBoxInputContainer {
		margin-right: 2rem;
		min-width: 2rem;
	}

	& .sapMMultiComboBoxInputInner:not(.sapMComboBoxTextFieldInnerReadonly) {
		padding-right: 0.5rem;
	}
}

/* Keep placeholder invisible, when at least one token is chosen */

/* Webkit */
.sapMMultiComboBoxHasToken .sapMMultiComboBoxInputInner::-webkit-input-placeholder {
	color: transparent;
}

/* Firefox 19+ */
.sapMMultiComboBoxHasToken .sapMMultiComboBoxInputInner::-moz-placeholder {
	color: transparent;
}

/* IE */
.sapMMultiComboBoxHasToken .sapMMultiComboBoxInputInner:-ms-input-placeholder {
	color: transparent;
}

/* Keep placeholder invisible, when at least one token is chosen. IE solution */
.sapMMultiComboBoxHasToken > .sapMInputBasePlaceholder {
	color: transparent;
	max-width: 0;
}

/* If a non-native placeholder is used, make sure that it is in front of children elements. */
.sapMMultiComboBox > .sapMInputBasePlaceholder {
	z-index: 1;
}

/* If a non-native placeholder is used, make sure that arrow button is in front of placeholder. */
.sapMMultiComboBox .sapMComboBoxBaseArrow {
	z-index: 2;
}

/* ------------------------------ */
/* InputInner                     */
/* ------------------------------ */

.sapMMultiComboBoxItem .sapMCb {
	height: 2.5rem;
	line-height: 2.5rem;
}

li.sapMMultiComboBoxItem {
	height: 2.5rem;
}

.sapMMultiComboBoxPicker .sapMSLITitleOnly {
	font-size: 0.875rem;
}

html.sap-desktop li.sapMMultiComboBoxItemRangeSelection {
	background-color: @sapUiListHoverBackground;
}
/* END "MultiComboBox.less" */

/* START "MultiInput.less" */
/* ================================= */
/* CSS for control sap.m/MultiInput  */
/* Base theme                        */
/* ================================= */
//max min-width of whole multiinput
//max min-width of tokenizer inside multiinput

//when multiinput width changes the width of the tokenizer should be auto
.sapMMultiInput {
	min-width: 7rem; //9.5rem;
}

.sapMMultiInput.sapMInputVH {
	min-width: 9.875rem;
}

.sapMMultiInput .sapMTokenizer {
	min-width: 4rem;
}

.sapMMultiInput .sapMTokenizer.sapMTokenizerEmpty {
	min-width: 0;
}

.sapMMultiInput .sapMMultiInputInputContainer {
	min-width: 3rem;
	flex-grow: 1;
	flex-shrink: 10000;
	position: relative;
}

/* Workaround for missing disabled state of sap.m.Tokenizer */
.sapMMultiInput.sapMInputBaseDisabled  {
	pointer-events: none;
}

.sapMMultiInput .sapMInputBaseInner {
	// we reduce the standard padding from sapMInputBaseInner (which is too large for our purposes)
	border: 0;
	padding-left: 0;
	padding-right: 0.125rem;
	height: 2.375rem;
	position: absolute;
	left: 0;
	background: transparent;
}

.sapMMultiInputBorder {
	box-sizing: border-box;
	position: relative;
	white-space: nowrap;
	border-radius: 0;
	background: @sapUiFieldBackground;
	border: 1px solid @sapUiFieldBorderColor;
	height: 2.5rem;
	padding-left: 0.75rem;
	display: flex;
	flex-direction: row;
}

// on the desktop we hide the overflow
html.sap-desktop .sapMMultiInputBorder {
	overflow: hidden;
}

.sapMMultiInput .sapMInputValHelp {
	display: inline-block;
	position: static;
	min-width: 2.375rem;
	min-height: 2.375rem;
}

// in general tokens in multi-line or on phone are not visible
.sapMMultiInput.sapMMultiInputMultiLine .sapMToken,
html.sap-phone .sapMMultiInput .sapMToken {
	display: none;
}

// however tokens in multi-line or phone in read-only multiinput are visible
.sapMMultiInput.sapMMultiInputMultiLine.sapMInputBaseReadonly .sapMToken,
html.sap-phone .sapMMultiInput.sapMInputBaseReadonly .sapMToken {
	display: inline-block;
}

// the last token in multi-line mode or on phone is always visible
.sapMMultiInput.sapMMultiInputMultiLine .sapMToken:last-child,
html.sap-phone .sapMMultiInput .sapMToken:last-child {
	display: inline-block;
}

// tokens when multi-line is open are also visible
.sapMMultiInput.sapMMultiInputMultiLine .sapMMultiInputMultiModeBorder .sapMToken {
	display: inline-block;
}

.sapMMultiInputShadowDiv {
	display: inline;
	visibility: collapse;
	position: absolute;
	top: 0;
	left: 0;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
}

.sapMMultiInputNoPlaceholder {
	.sapMInputBaseInner::-webkit-input-placeholder {
		opacity: 0;
	}


	.sapMInputBaseInner::-moz-placeholder {
		opacity: 0;
	}

	.sapMInputBaseInner:-ms-input-placeholder {
		opacity: 0;
	}
}

// focus styles
html.sap-desktop .sapMMultiInput.sapMFocus .sapMInputBaseInner:focus {
	outline: none;
}

.sapMMultiInput .sapMInputBaseInner:not(.sapMInputBaseReadonlyInner):not(.sapMInputBaseStateInner):not(.sapMInputBaseDisabledInner):hover {
	background: transparent;
}

.sapMMultiInput:not(.sapMInputBaseReadonly)  .sapMInputValHelp > .sapMInputValHelpInner:hover,
.sapMMultiInput:not(.sapMInputBaseReadonly)  .sapMInputValHelp > .sapMInputValHelpInner:focus {
	background-color: @sapUiButtonLiteHoverBackground;
}

.sapMMultiInput:not(.sapMInputBaseReadonly)  .sapMInputValHelp > .sapMInputValHelpInner:active {
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiButtonActiveTextColor;
}

.sapMInputBaseReadonly .sapMMultiInputBorder {
	background: @sapUiFieldReadOnlyBackground;
	border-color: @sapUiFieldReadOnlyBorderColor;
}

.sapMMultiInputNarrowBorder {
	padding-left: 0.375rem;
}

html.sap-desktop .sapMMultiInputMultiModeBorder,
html.sap-tablet .sapMMultiInputMultiModeBorder {
	height: auto;
	max-height: 10.375rem;
	overflow-y: auto;
	z-index: 11;
	display: block;

	.sapMInputBaseInner {
		display: block;
		width: 100%;
		position: static;
	}
}

.sapMMultiInputMultiModeBorder .sapMTokenizer {
	white-space: normal;
	box-sizing: border-box;
}

.sapMMultiInput.sapMInputVH .sapMMultiInputMultiModeBorder .sapMTokenizer {
	padding-right: 2.375rem; // icon width 2.375rem
}

.sapMMultiInputMultiModeBorder .sapMTokenizer .sapMToken {
	margin-bottom: 0;
}

.sapMMultiInputMultiModeBorder .sapMTokenizerEmpty {
	height: 0;
	display: block;
}

.sapMMultiInputIndicator {
	display: inline-block;
	font-size: @sapMFontMediumSize;
	line-height: 2.375rem;
}

.sapMMultiInputMultiModeBorder .sapMInputBaseInner {
	border: 1px;
}

.sapMInputBaseReadonly .sapMMultiInputBorder:hover {
	border-color: @sapUiFieldReadOnlyBorderColor;
}

.sapMInputFocused:not(.sapMInputBaseReadonly) .sapMMultiInputBorder {
	border-color: @sapUiFieldFocusBorderColor;
}

.sapMInput:not(.sapMInputBaseDisabled) .sapMMultiInputBorder:hover {
	border-color: @sapUiFieldHoverBorderColor;
}

.sapMInputBase.sapMMultiInput.sapMInputBaseWarning .sapMMultiInputBorder {
	border-color: @sapUiFieldWarningColor;
}

.sapMInputBase.sapMMultiInput.sapMInputBaseError .sapMMultiInputBorder {
	border-color: @sapUiFieldInvalidColor;
}

.sapMInputBase.sapMMultiInput.sapMInputBaseSuccess .sapMMultiInputBorder {
	border-color: @sapUiFieldSuccessColor;
}

.sapMMultiInputShadowDiv {
	border: 0 transparent;
	min-width: 2.4rem;
	background: transparent;
}

.sapMMultiInput > .sapMInputBasePlaceholder {
	width: calc(100% - 2.375rem);
}

html.sap-phone .sapMToken:focus,
html.sap-tablet:not(.sap-desktop) .sapMToken:focus {
	outline-color: transparent;
}

html.sap-phone .sapMTokenizerMultiLine {
	padding-left: 1rem;
	padding-right: 1rem;
	max-width: calc(~"100% - 2rem");
}

html.sap-phone .sapMTokenizerMultiLine > .sapMTokenizerScrollContainer > .sapMToken {
	float: left;
	clear: both;
}

// compact size styles
.sapUiSizeCompact .sapMMultiInput.sapMInputVH {
	min-width: 7rem;
}

.sapUiSizeCompact .sapMMultiInput .sapMTokenizer {
	min-width: 3.75rem;
}

.sapUiSizeCompact .sapMMultiInput .sapMTokenizer.sapMTokenizerEmpty {
	min-width: 0;
}

// we need this selector to avoid being overwritten by the input.css
.sapUiSizeCompact .sapMMultiInput .sapMInputValHelp {
	display: inline-block;
	min-width: 2rem;
	min-height: 1.5rem;
}

.sapMMultiInput .sapMMultiInputMultiModeInputContainer .sapMInputValHelp,
.sapUiSizeCompact .sapMMultiInput .sapMMultiInputMultiModeInputContainer .sapMInputValHelp {
	position: absolute;
	top: 0;
	right: 0;
}

.sapUiSizeCompact .sapMMultiInputBorder {
	height: 1.625rem;
	padding-left: 0.25rem;
}

.sapUiSizeCompact .sapMMultiInputMultiModeBorder {
	height: auto;
	max-height: 7rem;
	overflow-y: auto;
}

.sapUiSizeCompact .sapMMultiInputShadowDiv {
	min-width: 1.9rem;

	// we need specific height here since we cannot take that from class sapMInputBaseInner as we do it in the non-compact mode
	height: 1.5rem;
}

.sapUiSizeCompact .sapMMultiInput .sapMInputBaseInner {
	padding-left: 0;
	padding-right: 0.125rem;
	height: 1.5rem;
}

.sapUiSizeCompact .sapMMultiInput > .sapMInputBasePlaceholder {
	width: calc(100% - 1.5rem);
}

.sapUiSizeCompact .sapMMultiInputIndicator {
	line-height: 1.5rem;
}

.sapUiSizeCompact .sapMMultiInputMultiModeBorder .sapMTokenizer {
	white-space: normal;
	box-sizing: border-box;
}

.sapUiSizeCompact .sapMMultiInput.sapMInputVH .sapMMultiInputMultiModeBorder .sapMTokenizer {
	padding-right: 2rem; // icon width 2rem
}

.sapUiSizeCompact .sapMMultiInputMultiModeBorder .sapMTokenizer .sapMToken {
	margin-bottom: -0.125rem;
}

// Prevents the cursor offset on desktop when there is only 1 token
@media screen and (min-width:768px) {
	.sapMMultiInput .sapMTokenizer {
		min-width: auto;
	}
}
/* END "MultiInput.less" */

/* START "NavContainer.less" */
/* =================================== */
/* CSS for control sap.m/NavContainer  */
/* Base theme                          */
/* =================================== */

.sapMNav {
	overflow: hidden;
	position: relative;
	height: 100%;
}

.sapMNavFlip {
	-webkit-perspective: 1000;
	perspective: 1000px;
}

.sapMNavItem,
.sapMNavItem.sapMPage {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 100%;
}

.sapMNavItem.sapMNavItemRendering {
	visibility: hidden;
	left: -4000px;
}

.sapMNavItem.sapMNavItemHidden {
	display: none;
}

/* animations */
html[data-sap-ui-animation='on'] {

	.sapMNavItem,
	.sapMNavItem.sapMPage {
		-webkit-transition-property: -webkit-transform;
		transition-property: transform;
	}

	/* for slide animation */
	.sapMNavItem.sapMNavItemCenter {
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
	}

	.sapMNavItem.sapMNavItemRight {
		-webkit-transition-property: -webkit-transform;
		-webkit-transform: translate3d(100%, 0px, 0px);

		transform: translate3d(100%, 0px, 0px);
		transition-property: transform;
	}

	.sapMNavItem.sapMNavItemLeft {
		-webkit-transition-property: -webkit-transform;
		-webkit-transform: translate3d(-100%, 0px, 0px);
		transition-property: transform;
		transform: translate3d(-100%, 0px, 0px);
	}

	.sapMNavItem.sapMNavItemSliding {
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	/* for fade animation */

	.sapMNavItem.sapMNavItemTransparent {
		-webkit-transition-property: opacity;
		transition-property: opacity;
		opacity: 0;
	}

	.sapMNavItem.sapMNavItemOpaque {
		-webkit-transition-property: opacity;
		transition-property: opacity;
		opacity: 1;
	}

	.sapMNavItem.sapMNavItemFading {
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
	}

	/* for flip animation */

	.sapMNavItem.sapMNavItemFlipNext {
		-webkit-transform: rotateY(180deg);
		transform: rotateY(180deg);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	.sap-winphone .sapMNavItem.sapMNavItemFlipNext {
		transform: rotateY(180deg);
	}

	.sapMNavItem.sapMNavItemFlipPrevious {
		-webkit-transform: rotateY(-180deg);
		transform: rotateY(-180deg);
		backface-visibility: hidden;
	}

	.sap-winphone .sapMNavItem.sapMNavItemFlipPrevious {
		transform: rotateY(-180deg);
		backface-visibility: hidden;
	}

	.sapMNavItem.sapMNavItemFlipping {
		-webkit-transition-duration: .5s;
		transition-duration: .5s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	/* for door animation */

	@-webkit-keyframes sapMNavItemDoorInPrevious {
		from {
			-webkit-transform: rotate3d(0, 1, 0, 0deg);
			visibility: visible;
			opacity: 1;
		}
		40% {
			-webkit-transform: rotate3d(0, 1, 0, -70deg);
			visibility: visible;
			opacity: 0;
		}
		41% {
			-webkit-transform: rotate3d(0, 1, 0, -70deg);
			visibility: hidden;
		}

		to {
			-webkit-transform: rotate3d(0, 1, 0, -70deg);
		}
	}

	@keyframes sapMNavItemDoorInPrevious {
		from {
			transform: rotate3d(0, 1, 0, 0deg);
			visibility: visible;
			opacity: 1;
		}
		40% {
			transform: rotate3d(0, 1, 0, -70deg);
			visibility: visible;
			opacity: 0;
		}
		41% {
			transform: rotate3d(0, 1, 0, -70deg);
			visibility: hidden;
		}

		to {
			transform: rotate3d(0, 1, 0, -70deg);
		}
	}

	@-webkit-keyframes sapMNavItemDoorInNext {
		from {
			-webkit-transform: rotate3d(0, 1, 0, 80deg);
			opacity: 0;
		}
		46% {
			-webkit-transform: rotate3d(0, 1, 0, 80deg);
			opacity: 0;
		}
		to {
			-webkit-transform: rotate3d(0, 1, 0, 0deg);
			opacity: 1;
		}
	}

	@keyframes sapMNavItemDoorInNext {
		from {
			transform: rotate3d(0, 1, 0, 80deg);
			visibility: hidden;
			opacity: 0;
		}
		45% {
			transform: rotate3d(0, 1, 0, 80deg);
			visibility: hidden;
			opacity: 0;
		}
		46% {
			transform: rotate3d(0, 1, 0, 80deg);
			visibility: visible;
			opacity: 0;
		}
		to {
			transform: rotate3d(0, 1, 0, 0deg);
			opacity: 1;
		}
	}

	@-webkit-keyframes sapMNavItemDoorOutPrevious {
		from {
			-webkit-transform: rotate3d(0, 1, 0, 0deg);
			visibility: visible;
			opacity: 1;
		}
		40% {
			-webkit-transform: rotate3d(0, 1, 0, 80deg);
			visibility: visible;
			opacity: 0;
		}
		41% {
			-webkit-transform: rotate3d(0, 1, 0, 80deg);
			visibility: hidden;
		}
		to {
			-webkit-transform: rotate3d(0, 1, 0, 80deg);
		}
	}

	@keyframes sapMNavItemDoorOutPrevious {
		from {
			transform: rotate3d(0, 1, 0, 0deg);
			visibility: visible;
			opacity: 1;
		}
		40% {
			transform: rotate3d(0, 1, 0, 80deg);
			visibility: visible;
			opacity: 0;
		}
		41% {
			transform: rotate3d(0, 1, 0, 80deg);
			visibility: hidden;
		}
		to {
			transform: rotate3d(0, 1, 0, 80deg);
		}
	}

	@-webkit-keyframes sapMNavItemDoorOutNext {
		from {
			-webkit-transform: rotate3d(0, 1, 0, -70deg);
			opacity: 0;
		}
		46% {
			-webkit-transform: rotate3d(0, 1, 0, -70deg);
			opacity: 0;
		}

		to {
			-webkit-transform: rotate3d(0, 1, 0, 0deg);
			opacity: 1;
		}
	}

	@keyframes sapMNavItemDoorOutNext {
		from {
			transform: rotate3d(0, 1, 0, -70deg);
			visibility: hidden;
			opacity: 0;
		}
		45% {
			transform: rotate3d(0, 1, 0, -70deg);
			visibility: hidden;
			opacity: 0;
		}
		46% {
			transform: rotate3d(0, 1, 0, -70deg);
			visibility: visible;
			opacity: 0;
		}

		to {
			transform: rotate3d(0, 1, 0, 0deg);
			opacity: 1;
		}
	}

	.sapMNavDoor {
		-webkit-perspective: 1000;
		perspective: 1000px;
		-webkit-perspective-origin: 0% 50%;
		perspective-origin: 0% 50%;
	}

	.sapMNavItem.sapMNavItemDoorInPrevious {
		-webkit-animation: sapMNavItemDoorInPrevious .8s;
		animation: sapMNavItemDoorInPrevious .8s;
		visibility: hidden;
		opacity: 0;
	}

	.sapMNavItem.sapMNavItemDoorInNext {
		-webkit-animation: sapMNavItemDoorInNext .8s;
		animation: sapMNavItemDoorInNext .8s;
		visibility: visible;
	}

	.sapMNavItem.sapMNavItemDoorOutPrevious {
		-webkit-animation: sapMNavItemDoorOutPrevious .8s;
		animation: sapMNavItemDoorOutPrevious .8s;
		visibility: hidden;
		opacity: 0;
	}

	.sapMNavItem.sapMNavItemDoorOutNext {
		-webkit-animation: sapMNavItemDoorOutNext .8s;
		animation: sapMNavItemDoorOutNext .8s;
		visibility: visible;
	}

	.sapMNavItem.sapMNavItemDooring {
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out;
		-webkit-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
	}

}
/* END "NavContainer.less" */

/* START "NewsContent.less" */
/* ================================== */
/* CSS for control sap.m/NewsContent  */
/* Base theme                         */
/* ================================== */

.sapMNwC {
	display: inline-block;
	outline: none;
	width: 20.5rem;
	height: 3.5625rem;
	color: @sapUiTileTextColor;
	background-color: @sapUiTileBackground;
}

.sapMNwCCTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	padding: 0.25rem 0 0 0;
	max-width: 20.5rem;

	.sapMText {
		display: inline;
		line-height: 1.1875rem;
	}

	.sapMText.sapMPointer * {
		cursor: pointer;
	}
}

.sapMNwCSbh {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: @sapUiFontFamily;
	font-weight: normal;
	max-width: 20.5rem;
	display: inline-block;
	line-height: 1.1875rem;
	color: @sapUiTileTextColor;
	font-size: @sapMFontMediumSize;
}

/* BREAKPOINT FOR SMALL PHONES */
@media screen and (max-width: 374px) {
	.sapMNwC {
		width: 17.75rem;
		height: 3.188rem;
	}

	.sapMNwCCTxt {
		max-width: 17.75rem;
		padding: 0;
		.sapMText {
			line-height: 1.063rem;
		}
	}

	.sapMNwCSbh {
		max-width: 17.75rem;
		line-height: 1.063rem;
	}
}

.sapMNwCCTxt .sapMText {
	font-size: @sapMFontMediumSize;
	color: @sapUiContentContrastTextColor;
}

.sapMNwC:focus:not([tabindex]) {
	outline: none;
}

@media screen and (max-width: 374px) {
	.sapMNwCCTxt .sapMText, .sapMNwCSbh {
		font-size: @sapMFontSmallSize;
	}
}
/* END "NewsContent.less" */

/* START "NotificationListBase.less" */
/* =========================================== */
/* CSS for control sap.m/NotificationListBase  */
/* Base theme                                  */
/* =========================================== */

@containerPaddingLeft: 1.5rem;
@containerPadding: 1rem;
@closeButtonSize: 2.5rem;
@closeButtonCompactSize: 1.625rem;
@closeButtonCozyPosition: 0.25rem;
@closeButtonCompactPosition: 0.5rem;

/* ==========================================================================
   Notification List Base
  ========================================================================== */

.sapMLIB.sapMNLB {
	border-radius: 0.25rem;
	display: block;
	padding: 0 0 @containerPadding;
	margin: 0 0.25rem 0.5rem;
	overflow: hidden;
}

.sapMLIB.sapMNLB:first-of-type {
	margin-top: 0.125rem;
}

/* ==========================================================================
   Priority styles
  ========================================================================== */

.sapMNLB-Priority {
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	top: 0;
	width: 0.375rem;
	z-index: 1;
}

.sapMNLB-None {
  background-color: @sapUiNeutralBorder;
}

.sapMNLB-Low {
  background-color: @sapUiSuccessBorder;
}

.sapMNLB-Medium {
  background-color: @sapUiWarningBorder;
}

.sapMNLB-High {
  background-color: @sapUiErrorBorder;
}

/* ==========================================================================
   Header styles
  ========================================================================== */

.sapMNLB-Header, .sapMNLB-SubHeader {
	padding: @containerPadding @containerPadding 0 @containerPaddingLeft;
	position: relative;
}

/* Close button styles
  ========================================================================== */

.sapMNLB-CloseButton {
	background: none;
	box-sizing: border-box;
	cursor: pointer;
	height: auto;
	margin-top: -@containerPadding;
	padding: @containerPadding 0 0;
	position: absolute;
	right: @closeButtonCozyPosition;
	top: @closeButtonCozyPosition;
	transition: opacity;
	width: @closeButtonSize;
	z-index: 2;

	.sapMBtnInner {
		min-width: @closeButtonSize;

		.sapMBtnIcon {
			max-height: @closeButtonSize;
		}
	}
}

.sapMNLB-CloseButton .sapMBtnIcon {
	cursor: pointer;
	font-size: 1rem;
}

/* ==========================================================================
   Body styles
  ========================================================================== */

/* Author picture styles
  ========================================================================== */

.sapMNLB-AuthorPicture {
	display: block;
	height: 2rem;
	margin-right: 0.75rem;
	text-align: center;
	width: 2rem;
}

.sapMNLB-AuthorPicture .sapMImg {
	border-radius: 50%;
	max-height: 2rem;
	max-width: 2rem;
}

.sapMNLB-AuthorPicture .sapUiIcon {
	color: @sapUiContentIconColor;
	font-size: 1.5rem;
}

/* ==========================================================================
   Datetime text styles
  ========================================================================== */

.sapMLIB.sapMNLB .sapMText.sapMNLI-Datetime {
	display: inline;
}

/* ==========================================================================
   Footer styles
  ========================================================================== */

.sapMNLB-Footer, .sapMNLB-SubHeader {
	line-height: 3rem;
	padding: 0.25rem 0 0 1rem;
	
	.sapMTB {
		border: none;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: end;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		background: none;
	}
}

/* Bullet styles
  ========================================================================== */

.sapMNLB-Bullet {
	color: @sapUiContentLabelColor;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
}

/* ==========================================================================
   Compact mode styles
  ========================================================================== */

.sapUiSizeCompact .sapMNLB-CloseButton {
	height: @closeButtonCompactSize;
	padding: 0;
	right: @closeButtonCompactPosition;
	top: @closeButtonCompactPosition + @containerPadding;
	width: @closeButtonCompactSize;

	.sapMBtnInner {
		min-width: 1.625rem;

		.sapMBtnIcon {
			max-height: 1.625rem;
		}
	}
}

.sapUiSizeCompact .sapMNLB-CloseButton .sapMBtnIcon {
	font-size: 0.75rem;
	margin: 0;
}

.sapUiSizeCompact {
	.sapMNLB-Footer, .sapMNLB-SubHeader {
		padding: 0.25rem;
	}
}
/* END "NotificationListBase.less" */

/* START "NotificationListGroup.less" */
/* ============================================ */
/* CSS for control sap.m/NotificationListGroup  */
/* Base theme                                   */
/* ============================================ */

@containerPadding: 1rem;
@bottomMargin: 0.5rem;
@notificationGroupBorderRadius: 0.25rem;

.sapMNLG {
  margin-bottom: @bottomMargin;
  padding-right: 0.5rem;
  position: relative;
  background-color: @sapUiListBackground;
  box-shadow: @sapUiShadowLevel0;
}

.sapMNLG.sapMLIB {
  padding-bottom: 0;
  border-bottom: 0;
}

.sapMNLG .sapMLIB.sapMNLB:first-of-type {
  margin-top: 0;
}

// Priority styles =====================================================================================================

.sapMNLG-Header > .sapMNLB-Priority {
  padding-top: @containerPadding;
}

// Header styles =======================================================================================================
.sapMNLG-Header {
  padding-bottom: 0.375rem;
  border-radius: @notificationGroupBorderRadius @notificationGroupBorderRadius 0 0;
  .sapMNLG-Title {
    padding-right: 1.75rem;
  }
  .sapMNLGTitleUnread {
    font-weight: bold;
  }
  .sapMNLG-Details {
    padding-top: 0.375rem;
    font-family: @sapUiFontFamily;
    font-weight: normal;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    position: relative;
    .sapMNLG-Description {
      width: 100%;
      padding-top: 0.375rem;
    }
    .sapMText.sapMNLI-Text {
      display: inline;
    }
  }
}

// SubHeader styles =======================================================================================================

.sapMNLG .sapMNLG-SubHeader {
	border-radius: 0 0 @notificationGroupBorderRadius @notificationGroupBorderRadius;
}
.sapMNLG-SubHeader {
  height: 3rem;
}

.sapMNLG-SubHeader .sapMTB {
  .sapMBtn {
    margin-left: 0.25rem;
    padding: 0;
    border: none;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
  }
}

/* Buttons in footer don't render correctly due to fix for IE, overwriting the fix in sap.m.Button */
html[data-sap-ui-browser*='ie'] .sapMNLG-SubHeader .sapMBtnInner {
  display: block;
  width: auto;
}

.sapMNLG-SubHeader > .sapMBtn:first-of-type {
  float: left;
}

.sapMNLG-Collapsed .sapMNLG-SubHeader {
  border-top: 0;
}

.sapMNLG-SubHeader > .sapMNLB-Priority {
	border-radius: 0;
}

// Body styles =========================================================================================================

.sapMNLG-Body {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  .sapMNLI {
    margin: 0;
    box-shadow: none;
    border-bottom: none;
    border-radius: 0;
  }
  .sapMNLG-MaxNotifications {
    border-radius: 0 0 0.25rem 0.25rem;
    padding: 1.5rem 0.5rem 1rem;
    text-align: center;
    line-height: 1.5rem;
    span {
     font-weight: bold;
      margin: 0;
      padding: 0;
    }
  }
}

.sapMText.sapMNLG-Datetime {
  color: @sapUiLightText;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.sapMLIB.sapMNLG-Collapsed .sapMNLG-Body{
  display: none;
}

// Compact mode ========================================================================================================

.sapUiSizeCompact .sapMNLG-Title {
  padding-right: 1.25rem;
}

.sapUiSizeCompact .sapMNLG-SubHeader {
  padding-top: 0.25rem;
  padding-left: 0.75rem;
  height: 2.5rem;
  line-height: 2.5rem;
  box-sizing: border-box;
}

.sapUiSizeCompact .sapMNLG-SubHeader .sapMBtn {
  margin-left: 0.25rem;
  padding: 0;
}

.sapUiSizeCompact .sapMNLG-CloseButton .sapMBtnInner {
	border: none;
}

// Single item mode ====================================================================================================

.sapMNLG.sapMLIB.sapMNLGNoHdrFooter {
  padding-top: 0;
}

.sapMNLG-Header > .sapMNLG-Title {
  color: @sapUiListTextColor;
  font-size: @sapMFontLargeSize;
}

.sapMNLG-None {
  background-color: @sapUiNeutralBorder;
}

.sapMNLG-Low {
  background-color: @sapUiSuccessBorder;
}

.sapMNLG-Medium {
  background-color: @sapUiWarningBorder;
}

.sapMNLG-High {
  background-color: @sapUiErrorBorder;
}

.sapMNLG {
  .sapMNLG-Header {
      .sapMNLG-Details {
        color: @sapUiContentLabelColor;
      }
    }
    .sapMNLI {
      margin-top: 0;
      border-top: 1px solid @sapUiListBorderColor;
    }
    //Focus Style ==================================================================================
    &:focus&::after {
      border: 1px dotted @sapUiContentFocusColor;
      position: absolute;
      content: " ";
      top: 1px;
      right: 1px;
      bottom: 1px;
      left: 1px;
      z-index: 2;
      pointer-events: none;
    }
}

.sapMNLG.sapMNLG-Collapsed {
	.sapMNLG-Header, .sapMNLG-SubHeader {
		background-color: @sapUiListBackground;
	}
}
.sapMNLG {
  .sapMNLG-Header, .sapMNLG-SubHeader {
    background-color: @sapUiListBackground;
  }
}
.sapMNLG-Body {
  .sapMNLG-MaxNotifications {
    font-family: @sapUiFontFamily;
    font-size: @sapMFontMediumSize;
    color: @sapUiContentLabelColor;
    border-top: 1px solid @sapUiListBorderColor;
    background: @sapUiListBackground;
    span {
      font-family: @sapUiFontFamily;
      font-size: @sapMFontLargeSize;
      color: @sapUiBaseText;
      font-weight: bold;
    }
  }
}

// Focus Style ========================================================================================================
html.sap-desktop .sapMLIB.sapMNLG:focus {
  outline: none;
}
/* END "NotificationListGroup.less" */

/* START "NotificationListItem.less" */
/* =========================================== */
/* CSS for control sap.m/NotificationListItem  */
/* Base theme                                  */
/* =========================================== */

@containerPadding: 1rem;

/* ==========================================================================
   NotificationListItem
  ========================================================================== */

.sapMNLI {
  padding: @containerPadding;
  position: relative;
  cursor: pointer;
  background-color: @sapUiListBackground;
  box-shadow: @sapUiShadowLevel0;
  border-bottom: 0;
  &:hover {
    background-color: @sapUiListHoverBackground;
  }
}


.sapMNLI:first-of-type {
  margin-top: 0.125rem;
}

/* ==========================================================================
   Priority styles
  ========================================================================== */

/* ==========================================================================
   Message Strip styles
  ========================================================================== */

.sapMNLI .sapMMsgStrip {
	position: relative;
	top: 0.5rem;
	margin: 0.5rem 0.5rem 0.5rem 1rem;
}

/* ==========================================================================
   Header styles
  ========================================================================== */

.sapMNLI-Header {
  max-height: 2.5rem;
}

.sapMNLI-Header > .sapMText {
  display: inline-block;
  font-size: @sapMFontLargeSize;
  font-weight: normal;
  line-height: normal;
  margin-bottom: 0.25rem;
  margin-right: 2rem;
  white-space: normal;
  overflow: auto;
  color: @sapUiListTextColor;
}

.sapMNLI-Header > .sapMText.sapMNLI-Unread {
  font-weight: bold;
}

/* ==========================================================================
   Body styles
  ========================================================================== */

.sapMNLI-Body {

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  padding-left: @containerPaddingLeft;
  padding-right: @containerPadding;
  margin-top: 0.375rem;
  position: relative;
}

.sapMNLI-Body .sapMNLI-Details {
  padding-top: 0.375rem;
  font-family: @sapUiFontFamily;
  font-weight: normal;
  color: @sapUiContentLabelColor;
}

.sapMNLI-Details .sapMText.sapMNLI-Text {
  display: inline;
}

.sapMText.sapMNLI-Datetime {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.sapMNLI-Description {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}

/* ==========================================================================
   Footer styles
  ========================================================================== */

.sapMNLI-Footer {
  margin-bottom: -1rem;
  text-align: right;
  overflow: hidden;
  min-height: 1rem;
}

.sapMNLI-Footer > .sapMBtn {
  margin-left: 0.25rem;
  padding: 0;
  float: left;
}

/* Buttons in footer don't render correctly due to fix for IE, overwriting the fix in sap.m.Button */
html[data-sap-ui-browser*='ie'] .sapMNLI-Footer .sapMBtnInner {
  display: block;
  width: auto;
}

.sapMNLI-Footer .sapMNLI-CollapseButtonHide {
  display: none;
}

/* Compact mode
  ========================================================================== */

.sapUiSizeCompact .sapMNLI-Footer {
  margin-bottom: -1rem;
  box-sizing: border-box;
  max-height: 2.5rem;
  min-height: 0.75rem;
  line-height: 2.5rem;
  padding-top: 0.25rem;
}

.sapUiSizeCompact .sapMNLI-Footer .sapMTB > .sapMBtn {
  margin-left: 0.25rem;
  padding: 0;
}

.sapUiSizeCompact .sapMNLI-Footer > .sapMBtn {
  margin-left: 0.75rem;
}

/* Styles for calculating text size
  ========================================================================== */

.sapMNLI-TextWrapper {
  max-height: 2rem;
}

.sapMNLI-TextWrapper--is-expanded,
.sapMNLI-TitleWrapper--is-expanded {

  max-height: none;
  .sapMTextMaxLine {
    -webkit-line-clamp: initial !important;
    max-height: none!important;
    cursor: pointer;
  }
}

.sapMNLI-TextWrapper--initial-overwrite,
.sapMNLI-TitleWrapper--initial-overwrite {
  .sapMTextMaxLine {
    max-height: none !important;
  }

  .sapMTextNoWrap {
    text-overflow: initial;
  }

  .sapMTextLineClamp {
    -webkit-line-clamp: initial !important;
  }
}

.sapMNLI-TextWrapper .sapMTextMaxLine {
  line-height: 1rem;
  cursor: pointer;
}

/* L Size Notification styles
  ========================================================================== */

.sapMNLI-LSize .sapMNLI-Header .sapMText {
  box-sizing: border-box;
  max-width: 60%;
}

.sapMNLI-LSize .sapMNLI-Header.sapMNLI-No-Footer .sapMText {
  box-sizing: border-box;
  max-width: 100%;
}

.sapMNLI-LSize .sapMNLI-Body {
  box-sizing: border-box;
  width: 60%;
}

.sapMNLI-LSize .sapMNLI-Body.sapMNLI-No-Footer {
  width: 100%;
}

.sapMNLI-LSize .sapMNLI-Footer {
  box-sizing: border-box;
  width: 40%;
  display: inline-block;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0;
}

.sapMNLI-Header > .sapMTitle {
  font-size: @sapMFontLargeSize;
}

.sapMNLI-Body .sapMNLI-Details,
.sapMNLI-Description .sapMNLI-Text,
.sapMNLI-Details .sapMNLI-Datetime {
  font-size: @sapMFontMediumSize;
  color: @sapUiContentLabelColor;
}

// Focus Styles ========================================================================================================

html.sap-desktop .sapMLIB.sapMNLI:focus {
  outline: none;
}
/* END "NotificationListItem.less" */

/* START "NumericContent.less" */
/* ============================= */
/* CSS for sap.m/NumericContent  */
/* Base theme                    */
/* ============================= */

.sapMNC {
	position: relative;
	box-sizing: border-box;
	outline: none;

	height: 3.875rem;
	width: 9rem;

	&.WithoutMargin {
		width: auto;
		height: auto;
	}
}

.sapMNCInner {
	position: absolute;
	right: 0;
	left: 0;

	padding-top: 0.5rem;

	&.WithoutMargin {
		top: 0;
		width: auto;
		height: auto;
		position: relative;
		overflow: visible;
		white-space: nowrap;
		display: inline-block;
	}
}

.sapMNCIconImage {
	position: relative;
	float: left;
	padding-right: 0.625rem;
	font-size: 1.75rem;
	line-height: 1.65rem;
	height: 1.75rem;
	width: 1.75rem;
	margin-top: 0.625rem;
	vertical-align: top;
	font-family: @sapUiFontHeaderFamily;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiTileIconColor;
	float: none;

	&.WithoutMargin {
		display: inline-block;
	}
}

.sapMNCValueScr {
	overflow: hidden;
	left: 0;
	width: 100%;
	text-align: right;
}

.sapMNCValue {
	position: relative;
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 2.5rem;
	line-height: 3rem;
	font-family: @sapUiFontHeaderFamily;
	font-weight: @sapUiFontHeaderWeight;

	&.WithoutMargin {
		float: left;
		display: inline-block;
	}
}

html[dir=rtl] .sapMNCValueScr {
	text-align: left;
}

.sapMNCIndScale {
	position: relative;
	float: right;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;

	height: 2.875rem;
	min-width: 1rem;
	max-width: 2.5rem;

	padding-top: 0.5rem;
	margin-left: 0.625rem;

	&.WithoutMargin {
		float: left;
		display: inline-block;
	}
}

.sapMNCIndicator {
	position: absolute;
	left: 0;
	right: 0;
	display: block;
	width: 0;
	height: 0;
	margin: 0 auto;

	border-left: 0.5rem solid transparent;
	border-right: 0.5rem solid transparent;

	&.Up {
		border-bottom: 0.625rem solid;
	}
	&.Down {
		border-top: 0.625rem solid;
	}
}

.sapMNCScale {
	display: block;
	height: 18px;
	margin-top: 0.938rem;
	font-size: 1rem;
	font-family: @sapUiFontHeaderFamily;
	font-weight: @sapUiFontHeaderWeight;
}


/* BREAKPOINT FOR SMALL PHONES */
@media screen and (max-width: 374px) {
	.sapMNC {
		height: 3.438rem;
		width: 8rem;
	}

	.sapMNCInner {
		padding-top: 1.063rem;
	}

	.sapMNCIconImage {
		font-size: 1.5rem;
		height: 1.5rem;
		line-height: 1.4rem;
		width: 1.5rem;
		margin-top: 0.375rem;
		padding-right: 0.5rem;
	}

	.sapMNCValueScr {
		margin-top: 0.125rem;
	}

	.sapMNCValue {
		font-size: 2rem;
		height: 2.5rem;
		line-height: normal;
	}

	.sapMNCIndScale {
		height: 2rem;
		min-width: 1rem;
		max-width: 2.25rem;
	}

	.sapMNCIndicator {
		border-left: 0.438rem solid transparent; /*0.4375rem*/
		border-right: 0.438rem solid transparent; /*0.4375rem*/

		&.Up {
			border-bottom: 0.5rem solid;
		}
		&.Down {
			border-top: 0.5rem solid;
		}
	}

	.sapMNCScale {
		height: 17px;
		margin-top: 0.625rem;
		font-size: 0.875rem;
	}
}

.sapMNCValue.Neutral,
.sapMNCIndicator.Neutral,
.sapMNCScale.Neutral {
	color: @sapUiNeutralText;
}

.sapMNCValue.Good,
.sapMNCIndicator.Good,
.sapMNCScale.Good {
	color: @sapUiPositiveText;
}

.sapMNCValue.Error,
.sapMNCIndicator.Error,
.sapMNCScale.Error {
	color: @sapUiNegativeText;
}

.sapMNCValue.Critical,
.sapMNCIndicator.Critical,
.sapMNCScale.Critical {
	color: @sapUiCriticalText;
}

.sapMNCIndicator.Loading,
.sapMNCValue.Loading,
.sapMNCScale.Loading,
.sapMNCIconImage.Loading,
.sapMNCIndicator.Failed,
.sapMNCValue.Failed,
.sapMNCScale.Failed,
.sapMNCIconImage.Failed {
	color: @sapUiContentLabelColor;
	opacity: 0.25;
}

.sapMNC:focus {
	outline: 1px dotted @sapUiContentFocusColor;
}

.sapMNC:focus:not([tabindex]) {
	outline: none;
}

/* BREAKPOINT FOR SMALL PHONES */
@media screen and (max-width: 374px) {
	.sapMGTHdrTxt > .sapMText {
		font-size: @sapMFontHeader6Size;
	}

	.sapMNCValue {
		font-size: 2rem;
	}
}
/* END "NumericContent.less" */

/* START "ObjectAttribute.less" */
/* ====================================== */
/* CSS for control sap.m/ObjectAttribute  */
/* Base theme                             */
/* ====================================== */

.sapMObjectAttributeDiv .sapMText,
.sapMObjectAttributeDiv .sapMObjectAttributeTitle,
.sapMObjectAttributeDiv .sapMObjectAttributeText {
	font-size: .875rem;
}

.sapMObjectAttributeActive {
	pointer-events: none;
}

.sapMListTbl .sapMObjectAttributeActive .sapMText,
.sapMObjectAttributeActive .sapMText {
	color: @sapUiLink;
	cursor: pointer;
	pointer-events: auto;
}

.sapMObjectAttributeActive .sapMObjectAttributeText {
	pointer-events: auto;
}

.sapMObjectAttributeActive .sapMText:active,
.sapMObjectAttributeActive .sapMText:focus,
.sapMObjectAttributeActive .sapMText:hover {
	text-decoration: underline;
}

.sapMObjectAttributeText > .sapMLnk {
	display: inline;
}

.sapMOHR .sapMObjectAttributeText > .sapMText {
	display: inline;
}

.sapMOH .sapMObjectAttributeText > .sapMText {
	vertical-align: bottom;
}

.sapMObjectAttributeDiv{
	outline: none;
}

.sapMLIBActive .sapMObjectAttributeDiv{
	color: @sapUiListActiveTextColor;
}

html.sap-desktop .sapMObjectAttributeActive:focus {
	outline: none;
}

/*=========================================== */
/* Custom design for Responsive Object Header */
/*=========================================== */

.sapMOHR .sapMOHRAttr .sapMObjectAttributeTitle,
.sapMOHR .sapMOHRAttr .sapMObjectAttributeText {
	display: inline-block;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 50%;
	vertical-align: middle;
}

.sapMOHR .sapMOHRAttr .sapMObjectAttributeTitle {
	padding-right: 0.5rem;
	max-width: 50%;
	box-sizing: border-box;
}

.sapMOHR .sapMOHRAttr .sapMObjectAttributeDiv > span:only-of-type {
	max-width: 100%;
}

.sapMOHR .sapMOHRAttr .sapMObjectAttributeColon {
	display: inline-block;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
	white-space: nowrap;
	max-width: 0.5rem;
	margin-left: -0.5rem;
	overflow: auto;
	vertical-align: middle;
}

.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText {
	color: @sapUiLink;
	cursor: pointer;
}

.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:active,
.sapMOHR .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
.sapMOHR .sapMObjectAttributeActive:focus .sapMObjectAttributeText {
	text-decoration: none;
}

.sapMOHR .sapMOHRAttr .sapMObjectAttributeDiv {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/*=========================================== */
/* Custom design for Static Object Header     */
/*=========================================== */

.sapMOH .sapMOHAttr .sapMObjectAttributeDiv {
	max-height: 2rem;
	overflow: hidden;
}

.sapMOH .sapMOHAttr .sapMObjectAttributeTitle,
.sapMOH .sapMOHAttr .sapMObjectAttributeText,
.sapMOH .sapMOHAttr .sapMObjectAttributeColon {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
}

.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText {
	color: @sapUiLink;
	cursor: pointer;
}

.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:active,
.sapMOH .sapMObjectAttributeActive .sapMObjectAttributeText:hover,
.sapMOH .sapMObjectAttributeActive:focus .sapMObjectAttributeText {
	text-decoration: none;
}

html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
	.sapMObjectAttributeDiv {
		padding: 0.125rem 0.125rem 0.125rem 0.125rem;
	}
}
/* END "ObjectAttribute.less" */

/* START "ObjectHeader.less" */
/* =================================== */
/* CSS for control sap.m/ObjectHeader  */
/* Base theme                          */
/* =================================== */

.sapMOH h6, .sapMOHR h6,
.sapMOH h5, .sapMOHR h5,
.sapMOH h4, .sapMOHR h4,
.sapMOH h3, .sapMOHR h3,
.sapMOH h2, .sapMOHR h2,
.sapMOH h1, .sapMOHR h1 {
	margin: 0;
	font-weight: normal;
}

.sapMOH {
	padding: 2rem;
}

html.sap-phone .sapMOH {
	padding: 2rem 1rem;
}

.sapMPopover .sapMOH {
	padding: 2rem 1rem;
}

.sapMOH.sapMOHC {
	margin: 0;
	padding: 1.125rem 2rem 1rem 2rem;
}

html.sap-phone .sapMOH.sapMOHC {
	margin: 0;
	padding: 1.125rem 1rem 1rem 1rem;
}

.sapMDialog .sapMOH.sapMOHC {
	padding: 1rem;
}

.sapMPopover .sapMOH.sapMOHC {
	margin: 0;
	padding: 1.125rem 0 1rem 0;
}

.sapMOHIntro {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: @sapMFontMediumSize;
	margin-top: 0.375rem;
	margin-bottom: 0.625rem;
	color: @sapUiContentLabelColor;
}


.sapMOHIntroActive > a:active,
html.sap-desktop .sapMOHIntroActive > a:hover,
.sapMOHTitleActive h6 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h6 .sapMText:hover,
.sapMOHTitleActive h5 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h5 .sapMText:hover,
.sapMOHTitleActive h4 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h4 .sapMText:hover,
.sapMOHTitleActive h3 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h3 .sapMText:hover,
.sapMOHTitleActive h2 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h2 .sapMText:hover,
.sapMOHTitleActive h1 .sapMText:active,
html.sap-desktop .sapMOHTitleActive h1 .sapMText:hover {
	text-decoration: underline;
}

.sapMOHTitleDiv {
	box-sizing: border-box;
	max-height: 6.3rem;
	width: 65%;
	overflow: hidden;
	float: left;
}

.sapMOHC>.sapMOHTitleDiv {
	padding-right: 0.5rem;
}

.sapMOHC>.sapMOHTitleDivFull,.sapMOHTitleDivFull {
	width: 100%;
}

.sapMOHTitleDiv.sapMOHNumberWrap {
	max-height: 4.2rem;
}

html.sap-phone .sapMOHTitleDiv {
	max-height: 5rem;
}

html.sap-phone .sapMOHTitleDiv.sapMOHNumberWrap {
	max-height: 3.4rem;
}

.sapMOHIcon {
	position: absolute;
	margin-top: 0.375rem;
}

.sapMOHIcon .sapMImg {
	max-height: 3rem;
	max-width: 3rem;
}

.sapMOHTitle {
	margin-top: 0.375rem;
	display: inline-block;
	position: relative;
}

.sapMText.sapMOHTitle {
	position: relative;
}

.sapMOHTitle h6 .sapMText,
.sapMOHTitle h5 .sapMText,
.sapMOHTitle h4 .sapMText,
.sapMOHTitle h3 .sapMText,
.sapMOHTitle h2 .sapMText,
.sapMOHTitle h1 .sapMText {
	font-size: 1.375rem;
}

.sapMListTbl .sapMOHTitle h6 .sapMText,
.sapMListTbl .sapMOHTitle h5 .sapMText,
.sapMListTbl .sapMOHTitle h4 .sapMText,
.sapMListTbl .sapMOHTitle h3 .sapMText,
.sapMListTbl .sapMOHTitle h2 .sapMText,
.sapMListTbl .sapMOHTitle h1 .sapMText {
	font-size: 0.875rem;
}

.sapMOHTitleFollowArrow {
	margin-right: 3rem;
}

.sapMOHC .sapMOHTitleFollowArrow {
	margin-right: 2.5rem;
}

.sapMOHTitleAndArrow {
	display: inline-block;
	position: relative;
	min-height: 3rem;
}

.sapMOHTitleIcon {
	min-height: 3rem;
}

html.sap-phone .sapMOHTitleIcon {
	min-height: 2.5rem;
}

html.sap-phone .sapMText.sapMOHTitle {
	font-size: 1.188rem;
}

.sapMOHIcon+.sapMOHTitle {
	margin-left: 4rem;
}

.sapMOHIcon+.sapMOHTitleAndArrow {
	margin-left: 3.5rem;
}

.sapMOHTitleArrow {
	display: inline-block;
	vertical-align: top;
	position: absolute;
	right: 0;
	color: @sapUiContentIconColor;
}

.sapMOHC .sapMOHTitleArrow {
	margin-top: 0.3rem;
}

.sapMOHTitleArrow .sapUiIcon {
	margin-top: 1px;
	vertical-align: top;
	display: inline-block;
	padding: 0.4rem 0.5rem 0.4rem 0.5rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHTitleArrow .sapUiIcon,
html.sap-phone .sapMOHTitleArrow .sapUiIcon,
html .sapUiContainer-Narrow .sapMOHTitleArrow .sapUiIcon {
	padding: 0.3rem 0.4rem 0.3rem 0.4rem;
}

.sapMOHTitle+.sapMOHTitleArrow {
	margin-left: 0.5rem;
}

.sapMOHNumberDiv {
	margin-top: 0.375rem;
	display: inline-block;
	float: right;
	text-align: end;
	overflow: hidden;
	white-space: nowrap;
}

.sapMOHC > .sapMOHNumberDiv {
	padding-left: 0.5rem;
}

.sapMOHC .sapMOHTitle h6 >.sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h6 >.sapMText,
.sapMOHC .sapMOHTitle h5 >.sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h5 >.sapMText,
.sapMOHC .sapMOHTitle h4 >.sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h4 >.sapMText,
.sapMOHC .sapMOHTitle h3 >.sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h3 >.sapMText,
.sapMOHC .sapMOHTitle h2 >.sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h2 >.sapMText,
.sapMOHC .sapMOHTitle h1 >.sapMText,
html.sap-phone .sapMOHC .sapMOHTitle h1 >.sapMText {
	line-height: 1.8rem;
	font-size: 1.125rem;
}

html[data-sap-ui-browser^=ie] .sapMOHNumberDiv,
html[data-sap-ui-browser^=ed] .sapMOHNumberDiv {
	text-align: right;
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapMOHNumberDiv,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMOHNumberDiv {
	text-align: left;
}

.sapMOHNumberWrap {
	width: 100%;
}

html.sap-phone .sapMOHNumberWrap {
	margin-top: 0.25rem;
}

.sapMOHNumber {
	display: block;
	font-size: 1.75rem;
	margin-top: -0.25rem;
}

.sapMOHNumberUnit {
	display: block;
	font-size: 0.75rem;
	margin-top: -0.25rem;
}

.sapMOHBottomRow {
	margin-top: 1rem;
	font-size: @sapMFontMediumSize;
}

.sapMOHAttrRow {
	margin-top: 0.625rem;
	overflow: hidden;
}

.sapMOHAttrRow:first-child {
	margin-top: 0;
}

.sapMOHC>.sapMOHAttr {
	margin-top: 0.125rem;
}

.sapMOHAttr {
	box-sizing: border-box;
	display: inline-block;
	width: 65%;
	text-align: start;
	vertical-align: top;
	overflow: hidden;
	float: left;
}

html[data-sap-ui-browser^=ie] .sapMOHAttr,
html[data-sap-ui-browser^=ed] .sapMOHAttr {
	text-align: left;
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapMOHAttr,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMOHAttr {
	text-align: right;
}

.sapMOH .sapMObjectAttributeDiv {
	display: inline-block;
	text-overflow: inherit;
	white-space: inherit;
	color: @sapUiContentLabelColor;
}

.sapMOHStatus,
.sapMOHStatusFixedWidth {
	box-sizing: border-box;
	display: inline-block;
	text-align: end;
	vertical-align: top;
	overflow: hidden;
	float: right;
	white-space: nowrap;
}

.sapMOHStatusFixedWidth {
	width: 35%;
}

.sapMOHStatusFixedWidth>.sapMPI {
	float: right;
}

.sapMOHDivider,
.sapMOHLastDivider {
	clear: both;
}

.additionalOHNumberDiv.sapMOHNumberDiv {
	padding-right: 1em;
}

html.sapUiMedia-Std-Phone .additionalOHNumberSeparatorDiv,
html.sapUiMedia-Std-Tablet .additionalOHNumberSeparatorDiv,
html.sapUiMedia-Std-Phone .additionalOHNumberDiv.sapMOHNumberDiv,
html.sapUiMedia-Std-Tablet .additionalOHNumberDiv.sapMOHNumberDiv,
html .sapUiContainer-Narrow .additionalOHNumberSeparatorDiv,
html .sapUiContainer-Medium .additionalOHNumberSeparatorDiv,
html .sapUiContainer-Narrow .additionalOHNumberDiv.sapMOHNumberDiv,
html .sapUiContainer-Medium .additionalOHNumberDiv.sapMOHNumberDiv {
	display: none;
}

.additionalOHNumberDiv.sapMOHNumberDiv .sapMObjectNumber:not(.sapMObjectNumberStatusError):not(.sapMObjectNumberStatusWarning):not(.sapMObjectNumberStatusSuccess) {
	color: @sapUiContentLabelColor;
}

.additionalOHNumberDiv.sapMOHNumberDiv .sapMObjectNumber .sapMObjectNumberText {
	font-weight: normal;
}

.additionalOHNumberSeparatorDiv {
	margin-top: 0.375rem;
	margin-right: 0.5rem;
	display: inline-block;
	float: right;
	white-space: nowrap;
	width: 1px;
	background: @sapUiToolbarSeparatorColor;
	height: 1.375rem;
}

.additionalOHNumberDiv.sapMOHNumberDiv.sapMOHOnlyANumber {
	padding-right: 0.5em;
}

.sapMOH .sapMObjStatusMarker .sapMObjectMarkerIcon .sapUiIcon {
	margin-left: 0.5rem;
	font-size: 0.875rem;
}

.sapMOH .sapMObjStatusMarker .sapUiIcon:before {
	vertical-align: top;
}
/*
 * Do NOT clear if ObjectHeader is placed in a responsive grid layout.
 * The layout will clear after the ObjectHeader by itself. This caused problems
 * on webkit browser on phones (CSN 0120031469 0000034838 2014)
 */
div[class*='sapUiRespGrid'] > .sapMOH > .sapMOHLastDivider {
	clear: none;
}

html[data-sap-ui-browser^=ie] .sapMOHStatus,
html[data-sap-ui-browser^=ie] .sapMOHStatusFixedWidth,
html[data-sap-ui-browser^=ed] .sapMOHStatus,
html[data-sap-ui-browser^=ed] .sapMOHStatusFixedWidth {
	text-align: right;
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapMOHStatus,
html[dir=rtl][data-sap-ui-browser^=ie] .sapMOHStatusFixedWidth,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMOHStatus,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMOHStatusFixedWidth {
	text-align: left;
}

html[data-sap-ui-browser^=ed] .sapMOH .sapMObjectAttributeActive,
html[data-sap-ui-browser^=ie] .sapMOH .sapMObjectAttributeActive {
	pointer-events: auto;
}

/* Styles for Responsive Object Header */

.sapMOHR {
	width: 100%;
	height: 100%;
	padding: 1.1rem 2rem 0 2rem;
	box-sizing: border-box;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHR,
html.sap-phone .sapMOHR,
html .sapUiContainer-Narrow .sapMOHR {
	padding: 0.625rem 1rem 0 1rem;
}

div[class*='sapMOHRBg']:only-child {
	padding-bottom: 1.5rem;
}

html.sap-desktop.sapUiMedia-Std-Phone div[class*='sapMOHRBg']:only-child,
html.sap-phone div[class*='sapMOHRBg']:only-child,
html .sapUiContainer-Narrow div[class*='sapMOHRBg']:only-child {
	padding-bottom: 1rem;
}

/* Group1 (title, flags and number) */
.sapMOHRTitleNumberDiv {
	display: inline-block;
	max-width: 95rem; // set max width in order the content not to be stretched too much on a very wide screen
	width: 100%;
}

.sapMOHRStatesOneOrThree {
	max-width: 95rem; // set max width in order the content not to be stretched too much on a very wide screen
}

html.sap-desktop .sapMOHRStatesOneOrThree .sapMOHRTitleNumberDiv {
	width: 70%;
	max-width: none;
}

/* icon*/
.sapMOHRIcon {
	position: absolute;
	top: 0.4375rem;
	margin-right: 1rem;
	background-size: cover;
	display: block;
}

.sapMOHRIcon .sapMImg {
	max-height: 3rem;
	max-width: 3rem;
}

.sapMOHRHideIcon{
	display: none;
	visibility: hidden;
	margin-left: 0;
}

.sapMOHRTitleIcon > .sapMOHRTitle {
	margin-left: 4rem;
	min-height: 3.375rem;
}

html[data-sap-ui-browser ^= "ie"] {
	.sapMOHRTitleIcon > .sapMOHRTitle {
		min-height: 3.5rem;
	}
}

/* 1) title block */
.sapMOHRTitleDiv {
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden;
	vertical-align: top;
	position: relative;
	width: 100%;
}

.sapMOHRTitleTextWrappable {
	white-space: normal;
}

.sapMOHRTitleText {
	margin-top: 0.4rem;
	text-decoration:none;
}

.sapMOHRTitleTextContainer {
	margin: 0.4rem 0.5rem 0 0;
	display: inline-block;
	position: relative;
}

.sapMOHR .sapMObjStatusMarker{
	white-space: nowrap;
}

.sapMOHR .sapMObjStatusMarker .sapUiIcon {
	display: inline;
	margin-left: 0.5rem;
}

.sapMOHR .sapMObjStatusMarker .sapMObjectMarker,
.sapMOHR .sapMObjStatusMarker .sapMObjectMarker .sapMText {
	display: inline;
}
.sapMOHR .sapMObjStatusMarker .sapUiIcon:before {
	vertical-align: inherit;
}

.sapMOHR .sapMObjStatusMarker.sapMObjStatusMarkerOpposite .sapUiIcon {
	margin-right: 0.5rem;
	margin-left: 0;
}

/* overwrite transform for the markers favorite and flag icon */
html[dir=rtl] .sapMObjStatusMarker > .sapUiIcon.sapUiIconMirrorInRTL {
	-webkit-transform: none; /* Chrome, Safari, Opera */
	transform: none;
}

.sapMOHRIntro {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-top: 0.5rem;
	line-height: normal;
}

.sapMOHRIntroMargin {
	margin-top: 0;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRIntroMargin,
html.sap-phone .sapMOHRIntroMargin,
html .sapUiContainer-Narrow  .sapMOHRIntroMargin {
	margin-top: -0.3rem;
}

.sapMOHRIntroActive > a:active,
html.sap-desktop .sapMOHRIntroActive > a:hover,
.sapMOHRTitleActive .sapMOHRTitleText:active,
html.sap-desktop .sapMOHRTitleActive .sapMOHRTitleText:hover {
	text-decoration: underline;
}

.sapMOHRTitleArrow {
	display: inline-block;
	vertical-align: top;
	min-height: 2.56rem;
}

.sapMOHRTitleArrow .sapUiIcon {
	margin-top: 1px;
	vertical-align: top;
	position: absolute;
	display: inline-block;
	padding: 0.4rem 0.5rem 0.4rem 0.5rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTitleArrow .sapUiIcon,
html.sap-phone .sapMOHRTitleArrow .sapUiIcon,
html .sapUiContainer-Narrow .sapMOHRTitleArrow .sapUiIcon {
	padding: 0.3rem 0.4rem 0.3rem 0.4rem;
}

.sapMOHRTitleFollowArrow {
	margin-right: 2.5rem;
	padding-right: 0;
}

/* 3) states block */
.sapMOHRStates {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: top;
	padding-top: 1rem;
	width: 100%;
	max-width: 95rem; // set max width in order the content not to be stretched too much on a very wide screen
}

html.sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates {
	width: 30%;
	box-sizing: border-box;
	padding: 0.85rem 0 0 1rem;
	text-align: end;
}

html[data-sap-ui-browser^=ie].sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates,
html[data-sap-ui-browser^=ed].sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates {
	text-align: right;
}

html[dir=rtl][data-sap-ui-browser^=ie].sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates,
html[dir=rtl][data-sap-ui-browser^=ed].sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates {
	text-align: left;
}

html.sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRStates .sapMObjectAttributeDiv > span[class*='sapMObjectAttribute'] {
	float: none;
}

.sapMOHR .sapMObjectNumber {
	display: inline-block;
	padding: 0.4rem 0 0 1rem;
}

.sapMOHR .sapMObjectNumberUnit {
	padding-top: 0.4375rem;
}

// Android fix
html[data-sap-ui-os^="Android"] {
	.sapMOHR .sapMObjectNumberUnit {
		padding-top: 0.25rem;
	}
}

html.sap-desktop .sapMOHR .sapMObjectNumber {
	width: 30%;
	box-sizing: border-box;
}

html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHR .sapMObjectNumber,
html.sap-tablet .sapMOHR .sapMObjectNumber,
html .sapUiContainer-Medium .sapMOHR .sapMObjectNumber {
	width: 35%;
	box-sizing: border-box;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHR .sapMObjectNumber,
html.sap-phone .sapMOHR .sapMObjectNumber,
html .sapUiContainer-Narrow .sapMOHR .sapMObjectNumber {
	box-sizing: border-box;
	float: right;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHR .sapMObjectNumber.sapMObjectNumberBelowTitle,
html.sap-phone .sapMOHR .sapMObjectNumber.sapMObjectNumberBelowTitle,
html .sapUiContainer-Narrow .sapMOHR .sapMObjectNumber.sapMObjectNumberBelowTitle {
	width: 100%;
	padding: 0.5rem 0 0 0;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRNumberWrap,
html.sap-phone .sapMOHRNumberWrap,
html .sapUiContainer-Narrow .sapMOHRNumberWrap {
	width: 100%;
	text-align: left;
	margin-left: 0;
}

html.sap-desktop .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-desktop .sapMOHRStatesOneOrThree > .sapMOHRTitleNumberDiv > .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull) {
	width: 70%;
}

html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-desktop.sapUiMedia-Std-Tablet .sapMOHRStatesOneOrThree > .sapMOHRTitleNumberDiv > .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-tablet .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-tablet .sapMOHRStatesOneOrThree > .sapMOHRTitleNumberDiv > .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html .sapUiContainer-Medium .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html .sapUiContainer-Medium .sapMOHRStatesOneOrThree > .sapMOHRTitleNumberDiv > .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull){
	width: 65%;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html.sap-phone .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull),
html .sapUiContainer-Narrow .sapMOHRTitleDiv:not(.sapMOHRTitleDivFull) {
	width: 60%;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTitleDivFull.sapMOHRTitleDiv,
html.sap-phone .sapMOHRTitleDivFull.sapMOHRTitleDiv,
html .sapUiContainer-Narrow .sapMOHRTitleDivFull.sapMOHRTitleDiv,
.sapMOHRTitleDivFull.sapMOHRTitleDiv {
	width: 100%;
}

.sapMOHRStatesCont1,
.sapMOHRStatesCont2,
.sapMOHRStatesCont3,
.sapMOHRStatesCont4 {
	float: left;
}

.sapMOHROneCols {
	width: 100%;
}

.sapMOHRTwoCols {
	width: 50%;
	box-sizing: border-box;
}

.sapMOHRTwoCols.sapMOHRStatesCont1 {
	padding-right: 0.5rem;
}

.sapMOHRTwoCols.sapMOHRStatesCont2 {
	text-align: end;
	padding-left: 0.5rem;
}

html[data-sap-ui-browser^=ie] .sapMOHRTwoCols.sapMOHRStatesCont2,
html[data-sap-ui-browser^=ed] .sapMOHRTwoCols.sapMOHRStatesCont2 {
	text-align: right;
}

html[dir=rtl][data-sap-ui-browser^=ie] .sapMOHRTwoCols.sapMOHRStatesCont2,
html[dir=rtl][data-sap-ui-browser^=ed] .sapMOHRTwoCols.sapMOHRStatesCont2 {
	text-align: left;
}

.sapMOHRTwoCols.sapMOHRStatesCont2 .sapMOHRAttr .sapMObjectAttributeDiv > span[class*='sapMObjectAttribute'] {
	float: none;
}

.sapMOHRThreeCols {
	width: 33%;
	box-sizing: border-box;
}

.sapMOHRThreeCols.sapMOHRStatesCont1 {
	padding-right: 0.66rem;
}

.sapMOHRThreeCols.sapMOHRStatesCont3 {
	padding-left: 0.66rem;
}

.sapMOHRThreeCols.sapMOHRStatesCont2 {
	padding-left: 0.33rem;
	padding-right: 0.33rem;
}

.sapMOHRFourCols {
	width: 25%;
	box-sizing: border-box;
}

.sapMOHRFourCols.sapMOHRStatesCont1 {
	padding-right: 0.75rem;
}

.sapMOHRFourCols.sapMOHRStatesCont4 {
	padding-left: 0.75rem;
}

.sapMOHRFourCols.sapMOHRStatesCont2 {
	padding-right: 0.5rem;
	padding-left: 0.25rem;
}

.sapMOHRFourCols.sapMOHRStatesCont3 {
	padding-left: 0.5rem;
	padding-right: 0.25rem;
}

div[class*='sapMOHRStatesCont'] > div:last-child {
	padding-bottom: 0;
}

.sapMOHR .sapMITH {
	position: relative;
	margin-left: -2rem;
	margin-right: -2rem;
}

html.sap-phone .sapMOHRTabs .sapMITH,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITH,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITH {
	position: relative;
	margin-left: -1rem;
	margin-right: -1rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITBHead,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITBHead {
	margin: 1rem 0 0;
}

html.sap-phone .sapMOHRTabs .sapMITBScrollContainer,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITBScrollContainer,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITBScrollContainer {
	margin: 0 1rem;
}

html.sap-phone .sapMOHRTabs .sapMITHOverflowList .sapMITBScrollContainer,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITHOverflowList .sapMITBScrollContainer,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITHOverflowList .sapMITBScrollContainer {
	margin: 0 4rem 0 1rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITBArrowScrollLeft,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITBArrowScrollLeft {
	left: 0.25rem;
	padding: 1rem 0;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITBArrowScrollRight,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITBArrowScrollRight {
	padding: 1rem 0;
	right: 0.25rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRight,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRight {
	right: 3.25rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITBArrowScrollLeftTextOnly,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITBArrowScrollLeftTextOnly {
	left: 0.25rem;
	padding: 1.25rem 0 0.75rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITBArrowScrollRightTextOnly,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITBArrowScrollRightTextOnly {
	padding: 1.25rem 0 0.75rem;
	right: 0.25rem;
}

html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRightTextOnly,
html .sapUiContainer-Narrow .sapMOHRTabs .sapMITHOverflowList .sapMITBArrowScrollRightTextOnly {
	right: 3.25rem;
}

.sapMOHRTabs {
	margin: 0 0 0 0;
	padding-top: 0;
}

html.sap-phone .sapMOHRTabs,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTabs,
html .sapUiContainer-Narrow .sapMOHRTabs {
	margin: 0 0 0 0;
	padding-left: 0;
	padding-right: 0;
}

html.sap-phone .sapMOHRTabs .sapMITBTextOnly > .sapMITBFilter > .sapMITBText + .sapMITBContentArrow {
	height: 0.75rem;
}

.sapMOHR .sapMITB {
	display: block;
	position: relative;
	width: 100%;
}

.sapMOHR .sapMITBHead {
	font-size: 0.75rem;
	overflow: hidden;
}

html.sap-phone .sapMOHR .sapMITBHead {
	margin: 1rem 0 0;
}

.sapMOHR .sapMPI {
	margin: 0;
}

.sapMOHTitle.sapMOHTitleActive > h1 .sapMText {
	color: @sapUiLink;
	cursor: pointer;
}

.sapMOHTitle h1 .sapMText {
	color: @sapUiGroupTitleTextColor;
}

html.sap-phone .sapMOHTitle h1 > .sapMText {
	font-size: @sapMFontHeader4Size;
}

.sapMOHNumberDiv .sapMObjectNumberText {
	font-family: @sapUiFontHeaderFamily;
	font-size: 1.375rem;
	font-weight: @sapUiFontHeaderWeight;
}

.sapMOHNumberDiv .sapMObjectNumberUnit {
	padding: 0;
	display: block;
}

.sapMOHC .sapMOHNumberDiv .sapMObjectNumberText {
	font-family: @sapUiFontHeaderFamily;
	font-size: 1.375rem;
}

.sapMOH .sapMObjectAttributeActive {
	color: @sapUiLink;
}

.sapMOHNumberStateNone {
	color: @sapUiGroupTitleTextColor;
}

.sapMOHNumberStateError {
	color: @sapUiNegativeText;
}

.sapMOHNumberStateWarning {
	color: @sapUiCriticalText;
}

.sapMOHNumberStateSuccess {
	color: @sapUiPositiveText;
}

.sapMOHIcon .sapUiIcon {
	color: @sapUiContentIconColor;
}

.sapMOHIntro.sapMOHIntroActive >.sapMLnk:active {
	background: none;
}

html.sap-desktop .sapMOHTitleArrow .sapUiIcon:hover {
	background-color: @sapUiButtonLiteHoverBackground;
}

.sapMOHC .sapMOHTitleArrow .sapUiIcon:active,
.sapMOH .sapMOHTitleArrow .sapUiIcon:active {
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiContentContrastTextColor;
}

/*** styles for responsive object header ***/
.sapMOHRTitle h1 {
	font-family: @sapUiFontHeaderFamily;
	font-size: 1.375rem;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiGroupTitleTextColor;
}

html.sap-phone .sapMOHRTitle h1,
html.sap-desktop.sapUiMedia-Std-Phone .sapMOHRTitle h1,
html .sapUiContainer-Narrow .sapMOHRTitle h1 {
	font-size: @sapMFontHeader4Size;
}

.sapMOHRIcon .sapUiIcon {
	font-family: SAP-icons;
	font-size: 2.5rem;
	font-weight: normal;
	color: @sapUiContentIconColor;
}

.sapMOHRTitleArrow .sapUiIcon {
	color: @sapUiContentIconColor;
}

html.sap-desktop .sapMOHRTitleArrow .sapUiIcon:hover {
	background-color: @sapUiButtonLiteHoverBackground;
	border-color: @sapUiButtonLiteHoverBorderColor;
}

.sapMOHRTitleIcon .sapMOHRTitleFollowArrow .sapMOHRTitleArrow .sapUiIcon:active {
	background-color: @sapUiButtonLiteActiveBackground;
	color: @sapUiButtonActiveTextColor;
}

.sapMOHR .sapMObjStatusMarker{
	color: @sapUiContentMarkerIconColor;
}

.sapMOHRIntro {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
}

.sapMOHRTitleActive .sapMOHRTitleText {
	cursor: pointer;
	color: @sapUiLink;
	text-decoration: none;
}

.sapMOHRIntro.sapMOHRIntroActive >.sapMLnk:active {
	background: none;
}

.sapMOHR .sapMObjectNumberText {
	font-family: @sapUiFontHeaderFamily;
	font-size: 1.375rem;
	font-weight: @sapUiFontHeaderWeight;
}

.sapMOHR .sapMObjectNumberUnit{
	font-family: @sapUiFontFamily;
	font-weight: normal;
}

.sapMOHR .sapMOHRAttr,
.sapMOHR .sapMOHRStatus,
.sapMOHR .sapMObjStatus {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	font-weight: normal;
	color: @sapUiContentLabelColor;
}

.sapMOHR .sapMOHRAttr,
.sapMOHR .sapMOHRStatus {
	padding-bottom: 0.5rem;
}

.sapMOHRStatus .sapMObjStatusNone .sapMObjStatusText {
	color: @sapUiNeutralText;
}
.sapMOHRStatus .sapMObjStatusSuccess .sapMObjStatusText {
	color: @sapUiPositiveText;
}
.sapMOHRStatus .sapMObjStatusError .sapMObjStatusText {
	color: @sapUiNegativeText;
}
.sapMOHRStatus .sapMObjStatusWarning .sapMObjStatusText {
	color: @sapUiCriticalText;
}
/* END "ObjectHeader.less" */

/* START "ObjectIdentifier.less" */
/* ======================================= */
/* CSS for control sap.m/ObjectIdentifier  */
/* Base theme                              */
/* ======================================= */

.sapMObjectIdentifierIcons {
	overflow: hidden;
    text-align: right;
    vertical-align: top-text;
    float: right;
    font-size: 1rem;
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMObjectIdentifierIconSpan {
    padding:0 0.5rem;
}

.sapMObjectIdentifierTitle .sapMLnk,
.sapMObjectIdentifierTitle .sapMText {
	overflow: visible;
	font-weight: bold;
	font-size: 1rem;
	display: inline-block;
	word-wrap: break-word;
	white-space: normal;
}

.sapMObjectIdentifierTitle .sapMText {
	color: @sapUiGroupTitleTextColor;
}

.sapMObjectIdentifierTitle .sapMLnk,
.sapMOITitleActive .sapMLnk {
	color: @sapUiLink;	
}

.sapMObjectIdentifierText .sapMText,
.sapMObjectIdentifierText,
.sapMObjectIdentifier {
	color: @sapUiContentLabelColor;
}

.sapMObjectIdentifierText {
	font-size: @sapMFontMediumSize;
	padding-top: 0;
}

.sapMObjectIdentifierTextBellow{
	margin-top: 0.5rem;
}

.sapMLIBActive .sapMObjectIdentifier {
		color: @sapUiListActiveTextColor;
}

/* ObjectIdentifier inside a table */
.sapMListTbl .sapMObjectIdentifierTitle .sapMLnk,
.sapMListTbl .sapMObjectIdentifierTitle .sapMText {
	font-size: @sapMFontMediumSize;
	padding-top: 0;
}

.sapMListTbl .sapMObjectIdentifierTitle .sapMText {
	font-weight: bold;
	color: @sapUiListTextColor;
}

.sapMListTbl .sapMObjectIdentifierText .sapMText {
	line-height: 1.4;
	padding-top: 0;
}

/* compact table cell context */
.sapUiSizeCompact .sapMListTblCell .sapMObjectIdentifier {
	margin: .5rem 0;
}

/* compact table cell context with existing content margin */
.sapUiSizeCompact .sapMListTblCell .sapMTableContentMargin .sapMObjectIdentifier {
	margin: 0;
}
/* END "ObjectIdentifier.less" */

/* START "ObjectListItem.less" */
/* ===================================== */
/* CSS for control sap.m/ObjectListItem  */
/* Base theme                            */
/* ===================================== */

.sapMObjLItem {
	box-sizing: border-box;
	vertical-align: baseline;
}

.sapMObjLItem > .sapMLIBContent {
	overflow: hidden;
}

.sapMLIB.sapMObjLItem {
	padding: 1rem;
}

.sapMObjLItem .sapMLIBImgNav:active,
.sapMObjLItem .sapMLIBIconDet:active,
.sapMObjLItem .sapMLIBIconDel:active {
	border-bottom: none;
}

.sapMObjLTopRow {
	float: left;
	width: 100%;
}

.sapMObjLIntro {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: @sapUiFontFamily;
	color: @sapUiContentLabelColor;
	font-size: @sapMFontMediumSize;
	padding-bottom: .75rem;
}

.sapMText.sapMObjLTitle {
	vertical-align: top;
	word-break: break-word;
	color: @sapUiGroupTitleTextColor;
	font-size: @sapMFontHeader4Size;
	font-weight: @sapUiFontHeaderWeight;
	line-height: 1.5rem;
}

/*Object header title must break words, otherwise it may be to wide if used within
  a layout control with fixed width. */
.sapMOHTitle:not(.sapMOHRTitleNoWordBreak) > .sapMText {
	/* to break all words even browser does not know the width */
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

.sapMObjLNumberDiv {
	float: right;
	padding-left: 1rem;
}

.sapMObjLNumberDiv .sapMObjectNumber.sapMObjectNumberStatusNone {
	color: @sapUiGroupTitleTextColor;
}

.sapMObjLNumberDiv .sapMObjectNumber .sapMObjectNumberText {
	font-family: @sapUiFontHeaderFamily;
	font-size: 1.375rem;
	font-weight: @sapUiFontHeaderWeight;
}

.sapMObjLNumberDiv .sapMObjectNumber .sapMObjectNumberUnit {
	padding: 0;
	display: block;
}

.sapMObjLBottomRow {
	margin-top: .25rem;
}

.sapMObjLAttrRow {
	font-size: .875rem;
	padding-top: .313rem;
}

.sapMObjLAttrDiv {
	box-sizing: border-box;
	display: inline-block;
	width: 50%;
	text-align: left;
	vertical-align: top;
}

html[dir=rtl] .sapMObjLAttrDiv {
	text-align: right;
}

.sapMObjLAttrDiv .sapMObjectAttributeDiv {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
}


/* First and second attributes get one line with ellipsis */
.sapMObjLAttrRow:nth-child(1)>.sapMObjLAttrDiv .sapMObjectAttributeDiv,
.sapMObjLAttrRow:nth-child(2)>.sapMObjLAttrDiv .sapMObjectAttributeDiv{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
}

.sapMObjLAttrDiv .sapMObjectAttributeDiv {
	display: inline-block;
}

.sapMObjLStatusDiv {
	box-sizing: border-box;
	display: inline-block;
	width: 50%;
	text-align: right;
	vertical-align: top;
}

html[dir=rtl] .sapMObjLStatusDiv {
	text-align: left;
}

.sapMObjLAttrRow .sapMObjStatus {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}

.sapMObjLBottomRow .sapMObjStatusIcon {
	font-size: 1rem;
}

.sapMObjLItem > .sapMLIBContent {
	-webkit-box-flex: 1;
	flex: 1 1 auto;
}

.sapMObjLListModeDiv {
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-align: center;
	flex-direction: row;
	align-items: center;
}

html[data-sap-ui-browser="ie11"] .sapMObjLItem > .sapMLIBContent
{
	width: 100%;
}

/* overwrite transform for the markers favorite and flag icon */
html[dir=rtl] .sapMObjStatusMarker > .sapUiIcon.sapUiIconMirrorInRTL {
	-webkit-transform: none; /* Chrome, Safari, Opera */
	transform: none;
}

.sapMObjLIconDiv > .sapMImg {
	max-height: 3rem;
	max-width: 3rem;
}

.sapMObjLItem .sapMObjStatusMarker .sapMObjectMarkerText,
.sapMObjLItem .sapMObjStatusMarker .sapMObjectMarkerIcon {
	margin-left: 0.5rem;
}

.sapMObjLItem .sapMObjStatusMarker .sapMText,
.sapMObjLItem .sapMObjStatusMarker .sapUiIcon {
	font-size: 0.875rem;
}

.sapMObjLItem .sapMObjStatusMarker .sapUiIcon:before {
	vertical-align: top;
}

//outline-offset alternative for ObjectAttribute inside ObjectListItem. Otherwise the offset may be cut.
html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
	.sapMObjLAttrDiv > .sapMObjectAttributeActive.sapMObjectAttributeDiv {
		padding: 0.125rem;
	}
}

.sapMObjLIcon {
	margin-top: 2px;
	color: @sapUiContentIconColor;
}

.sapMLIBActive .sapMObjLIcon {
	color: @sapUiContentContrastIconColor;
}

.sapMLIBActive .sapMObjLNumberDiv .sapMObjectNumber,
.sapMLIBActive .sapMObjStatusMarker .sapMObjectMarker .sapUiIcon {
	color: @sapUiListActiveTextColor;
}

.sapMObjLIconDiv {
	float: left;
	margin-right: .75rem;
	width: 3rem;
	height: 3rem;
	text-align: center;
	box-sizing: border-box;
}

.sapMObjLItem .sapMObjLAttrDiv {
	color: @sapUiContentLabelColor;
}

.sapMObjLAdditAttribs {
	color: @sapUiContentLabelColor;
}

.sapMObjLAttrDiv.sapMObjAttrWithMarker {
	padding-top: .1875rem
}
/* END "ObjectListItem.less" */

/* START "ObjectMarker.less" */
/* =================================== */
/* CSS for control sap.m/ObjectMarker  */
/* Base theme                          */
/* =================================== */

.sapMObjectMarker {
	display: inline-block;
	.sapUiIcon {
		font-size: 1rem;
		pointer-events: none;
		color: @sapUiContentMarkerIconColor;
		&:before {
			vertical-align: middle;
		}
	}
	.sapMLnk {
		overflow: visible;
		padding-bottom: 1px;
	}
	.sapMText {
		color: @sapUiContentLabelColor;
	}
	&.sapMObjectMarkerIcon.sapMObjectMarkerText .sapUiIcon {
		margin-right: 0.25rem;
	}
}
.sapMListTbl .sapMObjectMarkerIcon {
	.sapMText {
		padding-top: 0; //Icon in table should not be padded
	}
	.sapUiIcon:before {
		vertical-align: inherit;//Icon in table should not be vertically aligned
	}
}

.sapMListTbl .sapMObjectMarker .sapMText {
	color: @sapUiContentLabelColor;
}
/* END "ObjectMarker.less" */

/* START "ObjectNumber.less" */
/* =================================== */
/* CSS for control sap.m/ObjectNumber  */
/* Base theme                          */
/* =================================== */

.sapMObjectNumber {
	display: block;
	white-space: normal;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: normal;
	color: @sapUiGroupTitleTextColor;
}

.sapMObjectNumberText {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	vertical-align: middle;
	font-size: @sapMFontMediumSize;
}

.sapMObjectNumberEmph > .sapMObjectNumberText {
	font-weight: bold;
}

.sapMObjectNumberUnit {
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	vertical-align: middle;
	padding-top: 0.125rem;
	font-size: @sapMFontSmallSize;
}

// Android fix
html[data-sap-ui-os^="Android"] {
	.sapMObjectNumberUnit {
		padding-top: 0;
	}
}

.sapUiForm .sapMObjectNumberUnit,
.sapUiForm .sapMObjectNumberText {
	vertical-align: top;
}

.sapUiForm.sapUiFormEdit .sapMObjectNumber {
	line-height: 3rem;
}

.sapUiForm.sapUiFormEdit .sapMObjectNumber .sapMObjectNumberUnit {
	line-height: 2.875rem;
}

.sapUiSizeCompact .sapUiForm.sapUiFormEdit .sapMObjectNumber {
	line-height: 2rem;
}

.sapUiSizeCompact .sapUiForm.sapUiFormEdit .sapMObjectNumber .sapMObjectNumberUnit {
	line-height: 1.875rem;
}

.sapMLIBActive .sapMObjectNumber {
	color: @sapUiListActiveTextColor;
}

.sapMObjectNumberStatusNone {
	color: @sapUiNeutralText;
}

.sapMObjectNumberStatusError {
	color: @sapUiNegativeText;
}

.sapMObjectNumberStatusWarning {
	color: @sapUiCriticalText;
}

.sapMObjectNumberStatusSuccess {
	color: @sapUiPositiveText;
}
/* END "ObjectNumber.less" */

/* START "ObjectStatus.less" */
/* =================================== */
/* CSS for control sap.m/ObjectStatus  */
/* Base theme                          */
/* =================================== */

.sapMObjStatus {
	font-size: @sapMFontMediumSize;
	color: @sapUiNeutralText;
	display: inline-block;
}

.sapMObjStatus > .sapMObjStatusTitle {
	color: @sapUiContentLabelColor;
}

.sapMObjStatusNone > .sapMObjStatusText
.sapMObjStatusNone > .sapMObjStatusIcon {
	color: @sapUiNeutralText;
}

.sapMObjStatusError > .sapMObjStatusText,
.sapMObjStatusError > .sapMObjStatusIcon {
	color: @sapUiNegativeText;
}

.sapMObjStatusWarning > .sapMObjStatusText,
.sapMObjStatusWarning > .sapMObjStatusIcon {
	color: @sapUiCriticalText;
}

.sapMObjStatusSuccess > .sapMObjStatusText,
.sapMObjStatusSuccess > .sapMObjStatusIcon {
	color: @sapUiPositiveText;
}

.sapMObjStatusIcon > .sapUiIcon {
	font-size: 1rem;
}

.sapMObjStatusIcon {
	padding-right: .5rem;
}

.sapMObjStatus > .sapMObjStatusTitle {
	padding-right: .25rem;
}

.sapUiTableCell .sapMObjStatus {
	font-size: @sapMFontMediumSize;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.sapUiTableCell .sapMObjStatusText,
.sapUiTableCell .sapMObjStatusTitle,
.sapUiTableCell .sapMObjStatusIcon .sapUiIcon,
.sapMListTbl .sapMObjStatusText,
.sapMListTbl .sapMObjStatusTitle,
.sapMListTbl .sapMObjStatusIcon .sapUiIcon {
	vertical-align: middle;
}

.sapUiForm .sapMObjStatusIcon,
.sapUiForm .sapMObjStatusTitle,
.sapUiForm .sapMObjStatusText {
	display: inline-block;
	line-height: normal;
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

/*
	FIX for 1580155978 and 1680267289.
	Fiori design guidelines say that statuses should be specially styled for forms
	and share looks with other text only controls.
*/
.sapUiForm.sapUiFormEdit .sapMObjStatus {
	line-height: 3rem;
}

.sapUiSizeCompact .sapUiForm.sapUiFormEdit .sapMObjStatus {
	line-height: 2rem;
}

/* ============================================= */
/* FIX: CSS 0120061532 0001316230 2014 */
/* ============================================= */
.sapMLIBActive .sapMObjStatusNone > .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusNone > .sapMObjStatusIcon,
.sapMLIBActive .sapMObjStatusError > .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusError > .sapMObjStatusIcon,
.sapMLIBActive .sapMObjStatusWarning > .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusWarning > .sapMObjStatusIcon,
.sapMLIBActive .sapMObjStatusSuccess > .sapMObjStatusText,
.sapMLIBActive .sapMObjStatusSuccess > .sapMObjStatusIcon {
	color: @sapUiListActiveTextColor;
}

/* Condensed size */
.sapUiSizeCondensed .sapUiTableCell>.sapMObjStatus>.sapMObjStatusText {
	line-height: 1.5rem;
	vertical-align: middle;
	font-size: @sapMFontMediumSize;
}
/* END "ObjectStatus.less" */

/* START "OverflowToolbarAssociativePopover.less" */
/* ======================================================== */
/* CSS for control sap.m/OverflowToolbarAssociativePopover  */
/* Base theme                                               */
/* ======================================================== */

.sapMOTAPopover {

  &:focus{
	outline: none;
  }

  &.sapMOTAPButtonsWithIcons {
	.sapMOTAPButtonNoIcon {
	  &> .sapMBtnInner > span.sapMBtnContent {
		margin-left: 1.625rem;
	  }
	}
  }

  &.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
	padding: 0.25rem 0.5rem;

	/* Disappear */
	&> .sapMOTAPHidden {
	  display: none;
	}

	/* All elements inside must have display block */
	&> :not(.sapMOTAPHidden) {
	  display: block;
	}

	/* Button, ToggleButton, OverflowToolbarButton */
	&> button.sapMBtn {
	  width: 100% !important;
	  max-width: 100% !important;

	  /* Button alignment */
	  &> .sapMBtnInner {
		text-align: start;
	  }
	}

    /* Label */
    &> label.sapMLabel {
	  padding-top: 0.625rem;
	  padding-bottom: 0.125rem;
    }

	/* Select */
	&> div.sapMSlt {
	  width: auto !important;
	}

	/* SegmentedButton - select form */
	&> div.sapMSegBSelectWrapper {
	  width: 100% !important;
	  &> div.sapMSlt {
		width: 100% !important;
		max-width: 100% !important;
	  }
	}

	/* ComboBox */
	&> div.sapMComboBox {
	  width: auto !important;
	  max-width: auto !important;
	}

	/* SearchField */
	&> div.sapMSF {
	  width: 100% !important;
	  max-width: 100% !important;
	}

	/* Input */
	&> div.sapMInput {
	  width: 100% !important;
	  max-width: 100% !important;
	}

	/* DateTimeInput */
	&> div.sapMDTI {
	  width: 100% !important;
	  max-width: 100% !important;
	}

  }
}

html[data-sap-ui-browser^="ie"] .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner,
html[data-sap-ui-browser^="ed"] .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner {
  text-align: left;
}

html[dir=rtl][data-sap-ui-browser^="ie"] .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner,
html[dir=rtl][data-sap-ui-browser^="ed"] .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner {
  text-align: right;
}

/* Compact mode overrides */
.sapUiSizeCompact{

  .sapMOTAPopover {

	&.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
	  padding: 0.1875rem 0.375rem;
	}
  }

}

/* Phone mode overrides */
html.sap-phone {
	.sapMOTAPopover {
	  overflow: hidden !important;
	}
}

.sapMOTAPopover {
	.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed), .sapMBtnDisabled .sapMBtnTransparent  {
		color: @sapUiButtonTextColor;
	}
}
/* END "OverflowToolbarAssociativePopover.less" */

/* START "P13nColumnsPanel.less" */
/* ======================================= */
/* CSS for control sap.m/P13nColumnsPanel  */
/* Base theme                              */
/* ======================================= */

.sapMP13nColumnsPanel{
  color: @sapUiBaseText;
}

.sapMP13nColumnsPanel .sapMLIB.sapMLIBSelected,
.sapMP13nColumnsPanel .sapMLIB.sapMLIBSelected > td {
  background-color: transparent;
}

.sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB.sapMListTblRow.sapMP13nColumnsPanelItemSelected,
.sapMP13nColumnsPanel .sapMListBGTranslucent .sapMLIB.sapMListTblRow.sapMP13nColumnsPanelItemSelected:focus
{
	background-color: @sapUiListSelectionBackgroundColor;
}

.sapMP13nColumnsPanel .sapMLIBActive .sapMText,
.sapMP13nColumnsPanel .sapMLIBActive .sapMListTblCell .sapMText {
	color: @sapUiListTextColor;
}

.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg,
.sapMP13nColumnsPanel .sapMLIBActive.sapMLIB,
.sapMP13nColumnsPanel .sapMLIBActive.sapMLIB > td {
	background-color: transparent;
}

.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg,
.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbMarkChecked,
.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbBgDis,
.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbBgDis.sapMCbMarkChecked {
	border-color: @sapUiFieldBorderColor;
}

.sapMP13nColumnsPanel .sapMLIBActive .sapMCbBg.sapMCbMarkChecked::before {
	color: @sapUiSelected;
}

html.sap-desktop .sapMP13nColumnsPanel .sapMLIBSelected:not(.sapMLIBActive):not(.sapMALI):hover,
html.sap-desktop .sapMP13nColumnsPanel .sapMLIBSelected:not(.sapMLIBActive):not(.sapMALI):hover > td {
	background-color: @sapUiListHoverBackground;
}
/* END "P13nColumnsPanel.less" */

/* START "P13nConditionPanel.less" */
/* ========================================= */
/* CSS for control sap.m/P13nConditionPanel  */
/* Base theme                                */
/* ========================================= */

.sapMConditionPanel .sapUiRespGridMedia-Std-Phone .floatRight {
	float: right;
}

.sapMConditionPanel .displayNone {
	display: none;
}

.sapMConditionPanel .conditionRootGrid > div + div .sapUiRespGridMedia-Std-Tablet {
	margin-top: 1rem;
}

.sapMConditionPanel .conditionRootGrid > div + div .sapUiRespGridMedia-Std-Phone {
	margin-top: 1rem;
}

.sapMConditionPanel .conditionAddBtnFloatRight {
	float: right;
}

.sapUiSizeCompact .sapMConditionPanel .conditionLabel {
	margin-top: 0.5rem;
}

.sapMConditionPanel .conditionLabel {
	margin-top: 1rem;
}

.sapMConditionPanel .sapMCb {
	display: block;
}

.sapMConditionPanel .sapMTB {
    border-bottom: 0px; 
}

.sapMFilterPanel .sapMPanelWrappingDivTb {
    border-bottom: 0px;
}

.sapMFilterPanel .sapMTB  {
    border-bottom: 0px;
}
/* END "P13nConditionPanel.less" */

/* START "P13nDialog.less" */
/* ================================= */
/* CSS for control sap.m/P13nDialog  */
/* Base theme                        */
/* ================================= */

.sapMP13nDialog {
  color: @sapUiBaseText;
}

.sapMP13nDialog .sapMITBHead {
	margin : 0rem;
}

.sapMP13nDialog.sapMDialog > .sapMDialogSection {
    background-color: @sapUiBaseBG;
} 

.sapMP13nDialog.sapUiSizeCompact .sapMSegBBtn {
    height: 2rem;
    line-height: 2rem;
}

.sapMP13nDialog .sapMBarLeft {
    padding-left: 0rem;
}
/* END "P13nDialog.less" */

/* START "P13nFilterPanel.less" */
/* ====================================== */
/* CSS for control sap.m/P13nFilterPanel  */
/* Base theme                             */
/* ====================================== */

.sapMFilterPanel .compPadding {
	padding-left: 1rem;
	padding-right: 1rem;
	padding-bottom: 1rem;
}

.sapMFilterPanel .sapMPanelContent {
	padding : 0px;
	border-bottom-width: 0px;
}

.sapMFilterPanel .sapMPanelBGTranslucent {
  	background-color: Transparent;
}

.sapMFilterPanel .sapUiRespGrid.sapUiRespGridVSpace1>div {
    margin-bottom: 0px;
    margin-left: 0px;
}

.sapMFilterPanel .sapMPanelWrappingDiv {
 	border-bottom: 0px;
}

.sapMFilterPanel .panelTopMargin {
	margin-top : 1rem;
}

.sapMFilterPanel .panelNoHeader .sapMPanelHdr {
	height : 0rem;
	border-bottom: 0px;
}

.sapMFilterPanel .sapMPanelContent:not(.sapMPanelBGTransparent) {
    border-bottom-width: 0px;
}
/* END "P13nFilterPanel.less" */

/* START "P13nSortPanel.less" */
/* ==================================== */
/* CSS for control sap.m/P13nSortPanel  */
/* Base theme                           */
/* ==================================== */

.sapMSortPanel {
	width: 100%;
}

.sapMSortPanelContent {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.sapMGroupPanelContent {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
/* END "P13nSortPanel.less" */

/* START "Page.less" */
/* =========================== */
/* CSS for control sap.m/Page  */
/* Base theme                  */
/* =========================== */

.sapMPage,
.sapMPage > section {
	width: 100%;
}

.sapMPage {
  height: 100%;
  position: relative;
  isolation: isolate; /* makes sure the z-index stuff for headers/footer has no effect outside the Page; only works in the very newest browsers as of 03/2015 */
  z-index: 0; /* workaround for missing "isolation" support in most browsers; TODO: check when this can be removed */
}

.sapMPage > section {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

/* Fix for a ToolBar set as headerContent */
html[data-sap-ui-browser^="ff"].sap-desktop {
  .sapMPage > .sapMBar.sapMPageHeader .sapMBarContainer {
    display: initial;
  }

  .sapUiSizeCompact .sapMPage > .sapMBar.sapMPageHeader .sapMBarContainer {
    vertical-align: -moz-middle-with-baseline;
  }

  .sapMPage > .sapMTitle {
    font-size: 1rem;
  }
}

/*
	* Workaround for IOS 7 - on orientation change to lanscape mode:
	* on the Ipad the footer is cut off.
	* on the phone, the header is cut off and if you open the nav Bar(clicking in the footer), the header will be cut off even more.
	* setting the body to fixed seems to work. We also tried it with absolute, but it does not work (tested only on ipad).
 */
@media (orientation: landscape) {
  html[data-sap-ui-os^="iOS7"][data-sap-ui-browser^="msf"] {
    padding: 0;
    margin: 0;
    bottom: 0;
  }

  html[data-sap-ui-os^="iOS7"][data-sap-ui-browser^="msf"] body {
    position: fixed;
    top: 0;
    bottom: 0;
  }
}

/* ============================================= */
/* CSS for displaying the Footer/Header controls at the correct position */
/* ============================================= */

.sapMPageFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  /* footer has to overlap the header if the page is very small (phone with open keyboard)*/
  z-index: 2;
}

.sapMPageFooter.sapMTB {
  right: 0;
  border-bottom-width: 0;
}

.sapMIBar-CTX.sapMFooter-CTX.sapMPageFooter.sapMTB {
  border-top-width: 0;
}

.sapMPageSubHeader,
.sapMPageHeader {
  /* header has to be on top of the Scroll container */
  z-index: 1;
}

.sapMPage.sapMPageBusyCoversAll > .sapUiLocalBusyIndicator {
  /* busyIndicator within page needs a z-index to render on top of header/footer */
  z-index: 3;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMPage", ~"> section");

/* Fiori 2.0 adaptation */

.sapF2CollapsedHeader > .sapMPageHeader {
  display: none;
}

.sapMPage.sapF2CollapsedHeader > .sapMPageHeader + section, .sapMPage.sapF2CollapsedHeader > .sapMPageHeader + .sapUiHiddenPlaceholder + section {
  top: 0em;
}

.sapMPage.sapF2CollapsedHeader > .sapMPageHeader + .sapMPageSubHeader + section {
  top: 3rem;
}

.sapUiSizeCompact .sapF2CollapsedHeader.sapMPageWithHeader > section {
  top: 0rem;
}

.sapUiSizeCompact .sapF2CollapsedHeader.sapMPageWithHeader.sapMPageWithSubHeader > section {
  top: 2rem;
}

.sapUiSizeCompact .sapF2CollapsedHeader > .sapMIBar.sapMPageHeader {
  height: 0rem;
}

.sapMIBar .sapF2AdaptedTitle,
.sapMIBar .sapF2AdaptedNavigation {
  display: none;
}

/* page with footer */
.sapMPageWithFooter > section {
  bottom: 3rem;
}

.sapMPageFloatingFooter {
  > footer {
    border-radius: 0.25rem;
    margin: 0.5rem;
    width: ~"calc(100% - 1rem)";
    opacity: 0.9;
  }
}

.sapMPageFloatingFooter.sapMPageWithFooter > section {
    bottom: 0;

    &:after {
        content: "";
        display: block;
        height: 0;
        width: 100%;
        margin-bottom: 4rem;
    }
}

.sapUiSizeCompact .sapMPageWithFooter.sapMPageFloatingFooter > section {
  bottom: 0;
  padding-bottom: 3.5rem;
}

html[data-sap-ui-animation='on'] .sapMPageFloatingFooter {
  .sapMPageFooterControlShow {
    -webkit-animation: bounceShow 0.35s forwards ease-in-out;
    animation: bounceShow 0.35s forwards ease-in-out;
  }
  .sapMPageFooterControlHide {
    -webkit-animation: bounceHide 0.35s forwards ease-in-out;
    animation: bounceHide 0.35s forwards ease-in-out;
  }

  @-webkit-keyframes bounceShow {
    0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      opacity: 0;
    }
    100% {
      opacity: 0.9;
    }
  }
  @keyframes bounceShow {
    0% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      opacity: 0;
    }
    100% {
      opacity: 0.9;
    }
  }
  @-webkit-keyframes bounceHide {
    0% {
      -webkit-transform: translateY(-5%);
      transform: translateY(-5%);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      opacity: 0;
    }
  }
  @keyframes bounceHide {
    0% {
      -webkit-transform: translateY(-5%);
      transform: translateY(-5%);
      opacity: 0.9;
    }
    100% {
      -webkit-transform: translateY(100%);
      transform: translateY(100%);
      opacity: 0;
    }
  }
}

.sapMPageBgSolid {
	background-color: @sapUiBaseBG;
}

/* page with header and subHeader */
.sapMPage > .sapMPageHeader + .sapMPageSubHeader + section {
	top: 6rem;
}

/* page with header */
.sapMPage > .sapMPageHeader + section,
/* page with subheader */
.sapMPage > .sapMPageSubHeader + section,
/* page with header and invisible subheader */
.sapMPage > .sapMPageHeader + .sapUiHiddenPlaceholder + section {
	top: 3rem;
}

/* page app icon */

.sapMBar-CTX .sapMBarLeft > .sapMImg.sapMPageAppIcon {
	max-height: 1.375rem;
	max-width: 1.375rem;
	margin: 0.8125rem;
}

/* vertical scroll bar */

.sapMPage .sapMScrollbarV > div {
	background-color: @sapUiScrollBarFaceColor;
	border-color: @sapUiScrollBarBorderColor;
}

/* sap.m.Shell + Tiles Page specific style */

@media (min-height: @sapMShellMinHeightForHeader) {
	.sap-desktop .sapMShell .sapMPage.sapMPageHideHeaderWhenShellHeader header.sapMIBar {
		display: none;
	}
}

html.sap-tablet .sapUiFioriObjectPage > section,
html.sap-desktop .sapUiFioriObjectPage > section {
	padding-bottom: 1rem;
}

/* Compact size */
.sapUiSizeCompact {
	/* Header and footer have 2.5 rem */
	.sapMPageWithHeader > section {
		top: 2.5rem;
	}

	.sapMPageHeader.sapMIBar,
	.sapMPageFooter.sapMIBar {
		height : 2.5rem;

		.sapMBarLeft,
		.sapMBarRight,
		.sapMBarPH {
			height: 2.5rem;
			padding-top: 0.25rem;
			padding-bottom: 0.25rem;
		}
	}

	.sapMPageWithFooter > section {
		bottom: 2.5rem;
	}

	/* Subheader only 2 rem */
	.sapMPageWithSubHeader > section {
		top: 2rem;
	}

	.sapMPageWithHeader.sapMPageWithSubHeader > section {
		top: 4.5rem;
	}

	.sapMBar-CTX .sapMBarLeft > .sapMImg.sapMPageAppIcon {
		max-height: 1rem;
		max-width: 1rem;
		margin: 0.5rem;
	}
}
/* END "Page.less" */

/* START "PagingButton.less" */
/* =================================== */
/* CSS for control sap.m/PagingButton  */
/* Base theme                          */
/* =================================== */

.sapMPagingButton {
	display: inline-block;
}
/* END "PagingButton.less" */

/* START "Panel.less" */
/* ============================ */
/* CSS for control sap.m/Panel  */
/* Base theme                   */
/* ============================ */

.sapMPanel {
	overflow: hidden;
	box-sizing: border-box;
	// The following needed for calculation of height for content child
	position: relative;
}

.sapMPanelHdr {
	box-sizing: border-box;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-transform: none;
	height: 3rem;
	line-height: 3rem;
	padding: 0 1rem;
	margin: 0;

	/*
	* To improve readability Mobile Safari automatically increases
	* the size of small text so let's disable this
	*/
	-webkit-text-size-adjust: none;

	font-weight: @sapUiFontHeaderWeight;
	font-size: @sapMFontHeader4Size;
	font-family: @sapUiFontHeaderFamily;
	color: @sapUiGroupTitleTextColor;
	background-color: @sapUiGroupTitleBackground;
}

.sapMPanelContent {
	padding: 1rem;
	box-sizing: border-box;
	overflow: auto;
	white-space: normal;
}

.sapMPanelExpandablePart {
	clear: both;
}

.sapMPanelExpandableIcon {
	position: absolute;
	width: 3rem;
	line-height: 3rem;
	font-size: 1rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: @sapUiContentIconColor;

	&:focus {
		outline: none;
	}

	&:focus::after {
		content: "";
		position: absolute;
		pointer-events: none;
		top: 0.75rem;
		right: 0.75rem;
		bottom: 0.75rem;
		left: 0.75rem;
		border: 1px dotted @sapUiContentFocusColor;
	}

	html[data-sap-ui-browser^="ie"].sap-desktop &:focus::after {
		border-style: dashed;
	}
}

.sapMPanelExpandableIconExpanded {
	display: inline-block;
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}

html[data-sap-ui-animation='on'] {
	.sapMPanelExpandableIcon {
		/* 400ms is standard jQuery duration */
		-webkit-transition: -webkit-transform 0.4s ease-out;
		transition: transform 0.4s ease-out;
	}

	.sapMPanelExpandableIconExpanded {
		/* 400ms is standard jQuery duration */
		-webkit-transition: all 0.4s ease-out;
		transition: all 0.4s ease-out;
	}
}

.sapMPanelWrappingDiv,
.sapMPanelWrappingDivTb {
	position: relative;
}

/* if Panel is expandable, we do not wish toolbar to come with own border */
.sapMPanelWrappingDivTb > .sapMTB {
	border-width: 0;
}

.sapMPanelWrappingDiv.sapMPanelWrappingDivExpanded {
	border-bottom-width: 0;
}

html.sap-tablet .sapUiFioriObjectPage > section > .sapMPanel,
html.sap-desktop .sapUiFioriObjectPage > section > .sapMPanel {
	margin: 1rem 0;
	padding: 0 1rem;
	box-sizing: border-box;
}

.sapMPanel .sapMPanelWrappingDiv .sapMPanelHdr,
.sapMPanel .sapMPanelWrappingDivTb .sapMIBar.sapMTB {
	padding-left: 0;
	margin-left: 3rem;

  	>:first-child {
	  margin-left: 0;
	}
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMPanel", ~"> .sapMPanelContent");

/* workaround for drawing issue in IE - ensures that the content will be redrawn */
html[data-sap-ui-animation='on'][data-sap-ui-browser^="ie"] .sapMPanelContent {
	transform: translate(0, 0);
}
/* END "Panel.less" */

/* START "PlanningCalendar.less" */
/* ======================================= */
/* CSS for control sap.m/PlanningCalendar  */
/* Base theme                              */
/* ======================================= */

.sapMPlanCal{
	background-color: @sapUiListBackground;
}

.sapMPlanCal > .sapMList > .sapMListInfoTBar.sapMTB-Transparent-CTX.sapMTB{
	padding: 0;
}

.sapMPlanCal > .sapMList > .sapMListInfoTBar.sapMTB-Transparent-CTX.sapMTB >:first-child{
	margin-left: 0;
}

.sapMPlanCalHead{
	width: 20%;
	height: 6.25rem;
}

.sapMPlanCalHead > .sapMTB.sapMIBar{
	padding-left: 0.875rem;
}

.sapUiSizeCompact .sapMPlanCalHead{
	height: 4.25rem;
}

.sapMPlanCal > .sapMList .sapMPlanCalRowHead > .sapMLIB,
.sapMPlanCal > .sapMList .sapMPlanCalAppRow > .sapUiCalendarRow,
.sapMPlanCal > .sapMList .sapMPlanCalAppRow > div > .sapUiCalendarRow{
	background-color: transparent;
	display: block;
	border: none;
}

/* if Head is displayed next to CalendarRow, use head size as minimum */
.sapMPlanCal:not(.sapMPlanCalNoHead) > .sapMList > table > tbody > tr > td > .sapUiCalendarRow:not(.sapMPlanCalRowLarge) > .sapUiCalendarRowApps{
	min-height: 3rem;
}

/* if Head has 2 lines, CalendarRow must be large */
.sapMPlanCal:not(.sapMPlanCalNoHead) > .sapMList > table > tbody > tr > td > .sapUiCalendarRow.sapMPlanCalRowLarge > .sapUiCalendarRowApps{
	min-height: 4rem;
}

.sapMPlanCalHead > .sapMTB{
	border-bottom: none;
}

.sapMPlanCalHead > .sapMTB > .sapMSlt{
	-webkit-flex-grow: 1;
	-webkit-box-flex: 1;
	flex: auto; /* to make the select as big as possible */
}

.sapMPlanCal > .sapMList > .sapMListInfoTBar > .sapMBarChild.sapUiCalInt {
	width: 80%;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}

.sapMPlanCal > .sapMList > .sapMListInfoTBar > .sapMBarChild.sapMPlanCalHead {
	margin-right: 0;
}

.sapMPlanCal > .sapMList > .sapMListInfoTBar > .sapUiCalInt > .sapUiCalHead > .sapUiCalHeadPrev{
	left: 0;
}

.sapMPlanCal > .sapMList > .sapMListInfoTBar > .sapUiCalInt > .sapUiCalHead > .sapUiCalHeadNext{
	right: 0;
}

.sapMPlanCal > .sapMList > .sapMListInfoTBar > .sapUiCalInt > .sapUiCalContent > .sapUiCalRow{
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

.sapMPlanCal > .sapMList > .sapMListInfoTBar > .sapUiCalInt > .sapUiCalContent >.sapUiCalContentOver{
	bottom: 0;
}

.sapMPlanCal > .sapMList .sapMListTblCell.sapMPlanCalRowHead,
.sapMPlanCal > .sapMList .sapMListTblCell.sapMPlanCalAppRow{
	padding: 0;
}

/* Responsiveness */
.sapMPlanCal > .sapMList > table > tbody > tr > td > .sapMListTblSubCnt,
.sapMPlanCal > .sapMList > table > tbody > .sapMListTblSubRow > td{
	padding: 0;
}

.sapMPlanCal .sapMListTblSubCntRow {
  display: block;
}

.sapMPlanCal > .sapMList > table > tbody > tr > td > .sapMListTblSubCnt > .sapMListTblSubCntRow >.sapMListTblSubCntVal{
	margin: 0;
}

.sapMPlanCal.sapMPlanCalNoHead > .sapMList > .sapMListInfoTBar,
.sapMSize0.sapMPlanCal > .sapMList > .sapMListInfoTBar,
.sapMSize1.sapMPlanCal > .sapMList > .sapMListInfoTBar{
	display: block;
}

.sapMPlanCal.sapMPlanCalNoHead > .sapMList > .sapMListInfoTBar > .sapMPlanCalHead,
.sapMPlanCal.sapMPlanCalNoHead > .sapMList > .sapMListInfoTBar > .sapUiCalInt,
.sapMSize0.sapMPlanCal > .sapMList > .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize0.sapMPlanCal > .sapMList > .sapMListInfoTBar > .sapUiCalInt,
.sapMSize1.sapMPlanCal > .sapMList > .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize1.sapMPlanCal > .sapMList > .sapMListInfoTBar > .sapUiCalInt{
	width: 100%;
}

.sapMPlanCal.sapMPlanCalNoHead > .sapMList > .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize0.sapMPlanCal > .sapMList > .sapMListInfoTBar > .sapMPlanCalHead,
.sapMSize1.sapMPlanCal > .sapMList > .sapMListInfoTBar > .sapMPlanCalHead{
	height: auto;
}

.sapMPlanCal.sapMPlanCalNoHead.sapMPlanCalMultiSel > .sapMList > .sapMListInfoTBar > .sapUiCalInt{
	width: ~'calc(100% - 3rem)';
}

.sapMPlanCal.sapMPlanCalNoHead.sapMPlanCalMultiSel > .sapMList > .sapMListInfoTBar > .sapMCb{
	width: 3rem;
	margin: 0;
	vertical-align: bottom;
}

.sapMPlanCal.sapMPlanCalNoHead.sapMPlanCalMultiSel > .sapMList > .sapMListInfoTBar > .sapMCb > .sapMCbLabel{
	visibility: hidden;
}

.sapUiSizeCompact .sapMPlanCal.sapMPlanCalNoHead.sapMPlanCalMultiSel > .sapMList > .sapMListInfoTBar > .sapMCb{
	width: 2.25rem;
	margin-left: 0.25rem;
}

.sapMSize0.sapMPlanCal.sapMPlanCalMultiSel > .sapMList > .sapMListInfoTBar > .sapMCb,
.sapMSize1.sapMPlanCal.sapMPlanCalMultiSel > .sapMList > .sapMListInfoTBar > .sapMCb{
	width: auto;
	margin-left: 0;
}

.sapMSize0.sapMPlanCal.sapMPlanCalMultiSel > .sapMList > .sapMListInfoTBar > .sapMCb > .sapMCbLabel,
.sapMSize1.sapMPlanCal.sapMPlanCalMultiSel > .sapMList > .sapMListInfoTBar > .sapMCb > .sapMCbLabel{
	visibility: visible;
}

.sapMSize0.sapMPlanCal.sapMPlanCalMultiSel > .sapMList > .sapMListInfoTBar > .sapUiCalInt,
.sapMSize1.sapMPlanCal.sapMPlanCalMultiSel > .sapMList > .sapMListInfoTBar > .sapUiCalInt{
	width: 100%;
	display: block;
}
.sapMPlanCal .sapMListBGTransparent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover),
.sapMPlanCal .sapMListBGTranslucent .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover),
.sapMPlanCal .sapMListBGSolid .sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover) {
	background: transparent;
}
/* END "PlanningCalendar.less" */

/* START "Popover.less" */
/* ============================== */
/* CSS for control sap.m/Popover  */
/* Base theme                     */
/* ============================== */

/* Forces the usage of compact arrow offset, because belize uses a compact arrow for all content densities. */
@sapMPopoverForceCompactArrowOffset: true;

/* shared mixin for arrow shadow*/
.sapMPopoverArrAfterShadow(@horizontalShadow, @verticalShadow) {
	box-shadow: @horizontalShadow @verticalShadow 0.750rem 0 fade(@sapUiContentShadowColor, 30), 0 0 0.125rem 0 fade(@sapUiContentShadowColor, 30);
}

.sapMPopover {
	.sapContrastPlus.sapMBar, .sapContrastPlus .sapMBar,
	.sapContrast.sapMBar, .sapContrast .sapMBar{
		box-shadow: none;
	}
}

.sapMPopover .sapMIBar.sapMFooter-CTX ,
.sapMPopover.sapMPopoverWithoutFooter .sapMPopoverCont {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.sapMPopover .sapMIBar.sapMHeader-CTX {
	background-color: @sapUiGroupContentBackground;
	box-shadow: inset 0 -1px @sapUiGroupContentBorderColor;
}

.sapMPopover.sapMPopoverWithoutBar .sapMPopoverCont,
.sapMPopover .sapMIBar.sapMHeader-CTX {
	border-top-right-radius: 0.25rem;
	border-top-left-radius: 0.25rem;
}

.sapMPopover {
	position: absolute;
	color: @sapUiContentForegroundTextColor;
    min-width: 6.25rem;
	box-sizing: border-box;
	outline: none;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	background: @sapUiGroupContentBackground;
	border: none;
	box-shadow: @sapUiShadowLevel2;
	border-radius: 0.25rem;
	min-height: 2rem;
}

html[data-sap-ui-animation='on'] .sapMPopover {
	-webkit-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}


.sapMPopoverHeader .sapMTitle {
	font-size: .865rem;
}

.sapMPopover .sapMPopoverCont {
	overflow: hidden;
	position: relative;
	/* set margin to every side */
	margin: 0.4375em;
	background-color: @sapUiGroupContentBackground;
}

.sapMPopover .sapMPopoverScroll {
	/* 	width: 100%;  when set width to 100%, the horizontal scrolling will be disabled and this is done in the end of setArrowPosition method*/
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	min-width: 100%;
	box-sizing: border-box;
}

.sapMPopover.sapUiPopupWithPadding .sapMPopoverScroll {
	padding: 1rem;
}

/* disable scrolling automatically for sap.m.Page sap.m.NavContainer sap.m.ScrollingContainer inside Popover */
.sapMPopoverVerScrollDisabled .sapMPopoverScroll {
	height: 100%;
}

/* disable scrolling automatically for sap.m.Page sap.m.NavContainer sap.m.ScrollingContainer inside Popover */
.sapMPopoverHorScrollDisabled .sapMPopoverScroll {
	display: block;
}

.sapMPopoverCont:focus {
	outline: none;
}

.sapMPopover.sapMPopoverTransparent {
	opacity: 0;
}

.sapMPopover.sapMPopoverOpaque {
	opacity: 1;
}

/* disable margin according to the header and footer availability */
.sapMPopoverWithBar.sapMPopoverWithFooter > .sapMPopoverCont {
	margin-bottom: 0;
	margin-top: 0;
}

/* disable margin according to the header and footer availability */
.sapMPopoverWithoutBar.sapMPopoverWithFooter > .sapMPopoverCont {
	margin-bottom: 0;
}

/* disable margin according to the header and footer availability */
.sapMPopoverWithBar.sapMPopoverWithoutFooter > .sapMPopoverCont {
	margin-top: 0;
}

.sapMPopoverWithoutBar.sapMPopoverNav > .sapMPopoverCont,
.sapMPopoverWithoutBar.sapMPopoverPage > .sapMPopoverCont,
.sapMActionSheetPopover > .sapMPopoverCont {
	margin: 0;
	background-color: transparent;
}

.sapMPopover > .sapMBar {
	position: relative;
	width: auto;
}

.sapMPopoverWithoutBar.sapMPopoverNav .sapMPopoverCont .sapMPage {
	background-color: transparent;
}

.sapMPopover > .sapMPopoverCont .sapMPage > section {
	box-sizing: border-box;
	width: auto;
}

.sapMPopoverWithoutBar .sapMPage footer.sapMIBar {
	position: absolute;
}

.sapMPopoverHiddenFocusable {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
}

// Adds a hidden layer below the Popover arrow to prevent closing the Popover when clicking on the arrow. In the past
// it was working but the area was bigger you could not click near to the arrow
.sapMPopoverArr {
	pointer-events: none;
	display: block;
	width: 1rem;
	height: 1rem;
	position: absolute;
	overflow: hidden;

	&:after {
		content: " ";
		display: block;
		width: 0.7rem;
		height: 0.7rem;
		background-color: @sapUiGroupContentBackground;
		transform: rotate(-45deg);
	}
}

/* pointing upward arrow */
.sapMPopoverArrUp {
	/* offset */
	left: 20px;
	/* position */
	top: -0.5rem;
	height: 0.5625rem;

	&:after {
		margin: 0.1875rem 0 0 0.1875rem;
		.sapMPopoverArrAfterShadow(-0.375rem, 0.375rem);
	}
}

/* pointing right arrow */
.sapMPopoverArrRight {
	/* offset */
	top: 1rem;
	/* position */
	right: -0.5625rem;
	width: 0.5625rem;

	&:after {
		margin: 0.1875rem 0 0 -0.375rem;
		.sapMPopoverArrAfterShadow(-0.375rem, -0.375rem);
	}
}

/* pointing downward arrow */
.sapMPopoverArrDown {
	/* offset */
	left: 1rem;
	/* position */
	height: 0.5625rem;

	&:after {
		margin: -0.375rem 0 0 0.125rem;
		.sapMPopoverArrAfterShadow(0.375rem, -0.375rem);
	}

}

/* pointing left arrow */
.sapMPopoverArrLeft {
	/* position */
	left: -0.5625rem;
	top: -2rem;
	width: 0.5625rem;
	height: 1rem;

	&:after {
		margin: 0.125rem 0 0 0.25rem;
		.sapMPopoverArrAfterShadow(0.375rem, 0.375rem);
	}
}

/* Outer width of the Popover's content is wrong in IE */
html[data-sap-ui-browser^="ie"] {
	.sapMPopover .sapMPopoverScroll {
		display: block;
	}
}

.sapMPopover.sapUiSizeCompact {
	.sapMPopoverArrLeft:before,
	.sapMPopoverArrRight:before {
		margin-top: -.5rem;
		margin-left: .25rem;
		width: 1rem;
		height: 1rem;
	}

	.sapMPopoverArrRight:before {
		margin-left: -1.25rem;
	}

	.sapMPopoverArrUp:before,
	.sapMPopoverArrDown:before {
		width: 1rem;
		height: 1rem;
		margin-left: -.5rem;
	}

	.sapMPopoverArrDown:before {
		margin-top: -1.25rem;
	}
}

.sapMPopover .sapUiRespGrid {
	width: 100%;
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMPopover", ~"> .sapMPopoverCont > .sapMPopoverScroll");

.sapMPopoverResizeHandle {
	transform: rotate(270deg);
	position: absolute;
	top: -10px;
	right: -2px;
	cursor: ne-resize;
	z-index: 2;

	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
}

.sapMPopoverResizing,
.sapMPopoverResizing * {
	-moz-user-select: none !important;
	-webkit-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
}

.sapMPopover .sapMPopoverCont {
	background-color: @sapUiGroupContentBackground;
	margin: 0;
}

/* padding for title in header is removed because of ticket 0120031469 0004432742 2013*/
.sapMPopoverHeader > .sapMBarMiddle > .sapMBarPH {
	box-sizing: border-box;
}

.sapMPopoverHeader > .sapMBarMiddle > .sapMBarPH > .sapMLabel {
	display: inline-block;
}

/*for only two buttons in footer's contentMiddle aggregation*/
.sapMPopoverSpecialFooter > .sapMBarMiddle {
	display: block;
	height: 100%;
	//padding: 0 0.25rem;
	box-sizing: border-box;
}

.sapMPopoverSpecialFooter > .sapMBarMiddle > .sapMBarPH {
	display: block;
	padding: 0;
}

.sapMPopoverSpecialFooter > .sapMBarLeft,
.sapMPopoverSpecialFooter > .sapMBarRight {
	display: none;
}

.sapMPopoverSpecialFooter > .sapMBarMiddle > .sapMBarPH > .sapMBtn {
	width: 50%;
	padding-left: 0.25rem;
}

.sapMPopoverSpecialFooter > .sapMBarMiddle > .sapMBarPH {

	.sapMBtn:last-child {
		margin-left: 0;
	}

	.sapMBtn:first-child {
		padding-right: 0.25rem;
		padding-left: 0;
	}
}
/* END "Popover.less" */

/* START "ProgressIndicator.less" */
/* ======================================== */
/* CSS for control sap.m/ProgressIndicator  */
/* Base theme                               */
/* ======================================== */

.sapMPI {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;

	-webkit-flex-direction: row;
	box-sizing: border-box;
	outline: none;
	background: @sapUiFieldBackground;
	width: 100%;
	height: 2rem;
	min-width: 6rem;
	min-height: 1rem;
	padding: 0;
	margin: 0.25rem 0;
	border: none;
	border-radius: 0.5rem;
	overflow: hidden;
}

.sapMPIBar,
.sapMPIBarRemaining {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	min-width: 0;

	-webkit-align-items: center;
	align-items: center;
}

.sapMPIBar {
	height: 100%;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	border-top-left-radius: 0.5rem;
	border-bottom-left-radius: 0.5rem;
}

.sapMPIValueMax .sapMPIBarRemaining {
	display: none;
}

.sapMPIBarRemaining {
	-webkit-flex-grow: 1;
	flex-grow: 1;
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
	border-top: 1px solid @sapUiFieldBorderColor;
	border-right: 1px solid @sapUiFieldBorderColor;
	border-bottom: 1px solid @sapUiFieldBorderColor;
}

.sapMPIBarDisabled {
	opacity: 0.5;
}

.sapMPIText {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontSmallSize;
	font-weight: normal;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: @sapUiContentForegroundTextColor;
}

.sapMPITextLeft {
	color: @sapUiContentContrastTextColor;
	padding-right: 0.5rem;
	display: none;
}

.sapMPITextRight {
	padding-left: 0.5rem;
}

.sapMPIValueGreaterHalf .sapMPITextRight {
	display: none;
}

.sapMPIValueGreaterHalf .sapMPITextLeft {
	display: inline-block;
}

.sapMPIAnimate .sapMPIText {
	display: none;
}

/* Progress Indicator Bar */
.sapMPIValueMax .sapMPIBar {
	border-top-right-radius: 0.5rem;
	border-bottom-right-radius: 0.5rem;
}

.sapMPIValueNormal .sapMPIBar {
	max-width: calc(~"100% - 0.5rem");
	min-width: 0.5rem;
}

.sapMPIBarNeutral {
	background: @sapUiNeutralElement;
}

.sapMPIBarPositive {
	background: @sapUiPositiveElement;
}

.sapMPIBarNegative {
	background: @sapUiNegativeElement;
}

.sapMPIBarCritical {
	background: @sapUiCriticalElement;
}

/* Progress Indicator Remaining Bar */
.sapMPIValueMin .sapMPIBarRemaining {
	border-radius: 0.5rem;
	border: 1px solid @sapUiFieldBorderColor;
}

/* Progress Indicator Value Text */
.sapMPIBarNeutral .sapMPIText.sapMPITextLeft {
	color: contrast(@sapUiNeutralElement, @sapUiContentForegroundTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
}

.sapMPIBarPositive .sapMPIText.sapMPITextLeft {
	color: contrast(@sapUiPositiveElement, @sapUiContentForegroundTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
}

.sapMPIBarNegative .sapMPIText.sapMPITextLeft {
	color: contrast(@sapUiNegativeElement, @sapUiContentForegroundTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
}

.sapMPIBarCritical .sapMPIText.sapMPITextLeft {
	color: contrast(@sapUiCriticalElement, @sapUiContentForegroundTextColor, @sapUiContentContrastTextColor, @sapUiContentContrastTextThreshold);
}

/* Compact */
.sapUiSizeCompact .sapMPI {
	height: 1.375rem;
	margin: 0.125rem 0;
}

/* Condensed */
.sapUiSizeCondensed .sapUiTableCell .sapMPI {
	height: 1.5rem;
	margin: 0;
}
/* END "ProgressIndicator.less" */

/* START "PullToRefresh.less" */
/* ==================================== */
/* CSS for control sap.m/PullToRefresh  */
/* Base theme                           */
/* ==================================== */

.sapMPullDown {
	position: relative;
	padding: 0.6rem 1rem 0;
	font-size: 0.875rem;
	overflow: hidden;
	cursor: pointer;
	color: @sapUiContentLabelColor;
	background-color: @sapUiGroupContentBackground;
}

.sapMPullDownNontouch {
	min-height: 2rem;
	padding-bottom: 0.1875rem;
	padding-left: 0.8125rem;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.sapMPullDownTouch {
	min-height: 3rem;
	border-bottom: 1px solid @sapUiGroupContentBorderColor;
}

/* make place for the busy indicator */
.sapMPullDownTouch.sapMLoading:not(.sapMPullDownLogo) {
	padding-left: 4rem;
}

.sapMPullDownTouch.sapMPullDownLogo {
	padding-top: 4.125rem;
	height: 3.25rem;
	line-height: 3.75rem;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center 1rem;
	background-size: 5.5rem 2.75rem;
}

.sapMPullDownCI {
	display: block;
	width: 100%;
	height: 3.125rem;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}

.sapMPullDownCIImg {
	max-height: 3.125rem;
}

/* Text */

.sapMPullDownTouch > .sapMPullDownText {
	font-weight: normal;
	font-size: @sapMFontMediumSize;
	color: @sapUiListTextColor;
}

.sapMPullDownTouch > .sapMPullDownText,
.sapMPullDownTouch > .sapMPullDownInfo {
	width: 100%;
	display: block;
	text-align: center;
	line-height: 1.3rem;
	box-sizing: border-box;
	font-family: @sapUiFontFamily;
}

.sapMPullDownNontouch > .sapMPullDownText {
	margin: 0 0.5rem;
	text-transform: uppercase;
	vertical-align: middle;
}

.sapMPullDownInfo {
	vertical-align: middle;
	font-size: @sapMFontSmallSize;
	color: @sapUiContentLabelColor;
}

.sapMPullDownNontouch > .sapMPullDownIcon {   /* circle arrows */
	vertical-align: middle;
}

.sapMPullDownNontouch > .sapMPullDownIcon::before {
	width: 1.5rem;
	height: 1.5rem;
	font-size: 1.125rem;
	content: '\e00a';
}

/* Icon */

.sapMPullDown > .sapMPullDownIcon::before {
	display: inline-block;
	font-family: SAP-icons;
	speak: none;
	float: left;
}
.sapMPullDown.sapMLoading .sapMPullDownIcon::before {
	visibility: hidden;
}

.sapMPullDownTouch > .sapMPullDownIcon {
	position: absolute;
	left: 1rem;
	line-height: 1rem;
	bottom: 1.5rem;
}
.sapMPullDownTouch > .sapMPullDownIcon::before {  /* animated arrow */
	font-size: 2em;
	color: @sapUiHighlight;
	content: '\e089';

	-webkit-transform-origin: center center;
	-webkit-transition-duration: 250ms;
	-webkit-transition-property: -webkit-transform;

	transfrom-origin: center center;
	transition-duration: 250ms;
	transition-property: transform;

	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}
.sapMPullDownTouch.sapMFlip .sapMPullDownIcon::before {
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

/* BusyIndicator */

.sapMPullDown .sapMPullDownBusy {
	display: none;
	position: absolute;
	left: 1rem;
	line-height: 1rem;
	bottom: 1rem;
}
.sapMPullDownNontouch .sapMPullDownBusy {
	bottom: 0.5rem;
}
.sapMPullDown.sapMLoading .sapMPullDownBusy {
	display: block;
}
/* END "PullToRefresh.less" */

/* START "QuickView.less" */
/* ================================ */
/* CSS for control sap.m/QuickView  */
/* Base theme                       */
/* ================================ */

.sapMQuickView .sapMNav,
.sapMQuickViewCard .sapMNav {
	white-space: nowrap;
}

.sapMQuickViewCard.sapMQuickViewCardNoScroll {
	height: 100%;
}

.sapMQuickViewPage.sapMNavItem {
	vertical-align: top;
	display: inline-block;
}

.sapMQuickViewCard .sapMQuickViewPage.sapMNavItem {
	width: 100% !important;
}

.sapMQuickViewPage.sapMNavItem.sapMNavItemHidden {
	display: none;
}

.sapMQuickViewPage.sapMNavItem.sapMNavItemOffset {
	left: -100%;
}

html.sap-desktop .sapMQuickViewPage .sapUiFormResGrid > div,
html.sap-tablet .sapMQuickViewPage .sapUiFormResGrid > div {
	padding: 0;
	margin: 0;
}

.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
.sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage {
	position: relative;
	height: 100%;
	box-sizing: border-box;
	padding-top: 3rem;
}

.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMScrollContScroll,
.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewPage.sapMPage {
	padding-top: 2.5rem;
}

html.sap-phone .sapMQuickViewPage.sapMNavItem.sapMPage {
	position: relative;
}

html.sap-desktop .sapMQuickViewPage.sapMPage > header,
html.sap-tablet .sapMQuickViewPage.sapMPage > header {
	position: absolute;
	height: 3rem;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	font-size: 16px;
}
.sapUiSizeCompact .sapMQuickView.sapMPopover header.sapMBar {
	height: 2.5rem;
}

.sapMQuickViewPage.sapMPage > header .sapMBarRight .sapUiIcon {
	font-size: 1rem;
}

html.sap-desktop .sapMQuickViewPage > section,
html.sap-tablet .sapMQuickViewPage > section {
	position: static;
	height: 100%;
	padding: 1rem;
}

.sapMQuickViewPage .sapUiFormResGridCont > div {
	padding: 0;
}

.sapMQuickViewPage .sapUiHLayout .sapUiIcon {
	line-height: 3rem;
	margin-right: .75rem;
	font-size: 2.25rem;
	font-weight: normal;
}

.sapMQuickViewPage .sapUiHLayout .sapUiIcon:before {
	line-height: 3rem;
}

.sapMQuickViewPage .sapUiVlt .sapMText {
	font-weight: normal;
}

.sapMQuickViewPage .sapUiFormResGrid.sapUiFormBackgrTranslucent > div {
	background-color : transparent;
}

.sapMQuickViewPage .sapUiSimpleForm .sapMTitle {
	margin-top: 1rem;
}

.sapMQuickViewPage .sapMFlexItem:first-child {
	width: 70%;
	display: inline-block;
}

.sapMQuickViewPage .sapMFlexItem:last-child {
	width: 30%;
	display: inline-block;
	font-family: SAP-icons;
	min-width: 3rem;
	text-align: right;
	left: -1px;
}

.sapMQuickViewPage {
	.sapMQuickViewThumbnail {
		font-family: SAP-icons;
		font-size: 2.5rem;
		font-weight: normal;
		width: 3rem;
		height: 3rem;
		background-color: @sapUiContentImagePlaceholderBackground;
		color: @sapUiContentImagePlaceholderForegroundColor;
	}	
} 

.sapMQuickViewPage .sapUiHLayout {
	margin-bottom: 2rem;
}

.sapMQuickViewPage .sapUiHLayout,
.sapMQuickViewPage .sapUiVlt {
	display: block;
}

.sapMQuickViewCard .sapUiHLayoutChildWrapper:only-child {
  width: 100%;
}

html.sap-phone .sapMQuickViewPage .sapUiHLayout {
	margin: 1rem 0 0 0.75rem;
}

.sapMQuickViewPage .sapUiHLayoutChildWrapper + .sapUiHLayoutChildWrapper {
	width: ~'calc(100% - 3.75rem)';
}

.sapMQuickViewPage .sapUiVltCell {
	display: -webkit-box;
	display: flex;
}

.sapMQuickViewPage .sapUiVltCell:first-child {
	max-height: 3rem;
	margin-bottom: 0.5rem;
	overflow: hidden;
}

.sapMQuickViewPage .sapUiVltCell + .sapUiVltCell span {
	width: 100%;
	line-height: 1.4rem;
	max-height: 2.8rem;
	overflow: hidden;
}

.sapMQuickViewPage .sapUiIcon {
	margin: 1px;
}

.sapMQuickViewPage .sapUiSimpleForm .sapUiIcon {
	margin: 0;
	width: 100%;
	text-align: right;
	outline: none;
}

.sapMQuickViewPage .sapUiSimpleForm .sapUiIcon:before {
	margin-right: 3px;
}

.sapMQuickViewPage div[class*="sapUiRespGrid"] > div[class*="sapUiRespGridSpan"] {
	overflow: visible;
}

.sapMQuickViewPage .sapMIBar-CTX .sapMTitle {
	text-shadow: @sapUiShadowText;
}

html.sap-desktop .sapMQuickViewHeader,
html.sap-tablet .sapMQuickViewHeader {
	font-size: @sapMFontHeader5Size;
}

.sapUiSizeCompact .sapMQuickView.sapMPopover .sapMQuickViewTitle {
	font-size: @sapMFontHeader6Size;
}

.sapMQuickViewPage h1,
.sapMQuickViewPage .sapUiForm .sapUiFormTitle {
	font-family: @sapUiFontHeaderFamily;
	font-size: @sapMFontHeader5Size;
	font-weight: @sapUiFontHeaderWeight;
	line-height: normal;
	color: @sapUiGroupTitleTextColor;
	padding-left: 0;
}

.sapMQuickViewPage .sapUiVltCell .sapMLnk {
	font-family: @sapUiFontHeaderFamily;
	font-size: @sapMFontHeader5Size;
	font-weight: @sapUiFontHeaderWeight;
	line-height: normal;
	white-space: normal;
  	color: @sapUiLink;

  	&:active {
		color: @sapUiLinkActive;
	}

  	&:visited {
	  	color: @sapUiLinkVisited;
	}

  	&hover:not(.sapMLnkDsbl) {
		color: @sapUiLinkHover;
	}
}

.sapMQuickViewPage .sapUiHLayout h1 span {
	white-space: normal;
}

.sapMQuickViewPage .sapUiVlt .sapMText {
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	color: @sapUiContentLabelColor;
}

.sapMQuickViewPage .sapMFlexItem:last-child {
	color: @sapUiContentIconColor;
}

.sapMQuickViewPage .sapUiIcon:focus,
html.sap-phone .sapMQuickViewPage .sapMLnk:focus,
html.sap-tablet .sapMQuickViewPage .sapMLnk:focus {
  outline: none;
}

html.sap-phone .sapMPanel .sapMQuickViewCard {
	overflow-y: scroll;
}

html.sap-tablet.sap-ios .sapMPanel .sapMQuickViewCard {
	-webkit-overflow-scrolling: auto;
}
/* END "QuickView.less" */

/* START "RadioButton.less" */
/* ================================== */
/* CSS for control sap.m/RadioButton  */
/* Base theme                         */
/* ================================== */

.sapMRb {
	float: left;
	clear: left;
	outline: none;
	text-overflow: ellipsis;
	position: relative;
	white-space: nowrap;
	max-width: 100%;

	> .sapMLabel {
		// Safari rounds CSS subpixels with about 1px mistake
		max-width: calc(~"100% - 3rem + 1px");
	}
}

.sapMILI-CTX .sapMRb {
	float: right;
}

.sapMRbHasLabel .sapMRbB {
	width: 3rem;
}

.sapMRbB {
	display: inline-block; /* for ie*/
	font-size: 1rem; /* override font size of the message dialog */
}

.sapMRbB .sapMRbBOut {
	height: 1rem;
	width: 1rem;
	border: 0.125rem solid @sapUiFieldBorderColor;
	border-radius: 1rem;
	background-color: @sapUiFieldBackground;
	margin: 0.825rem;
	padding: 1px; /* using padding here so that margin won't collide */
}

.sapMRbBLabel {
	vertical-align: top;
	height: 3rem;
	line-height: 3rem;
	cursor: default;
}

.sapMRbB input {
	margin: 0; /* FF puts margin */
	-webkit-appearance: none;
	visibility: hidden;
}

.sapMRbB:focus {
	outline: none;
}

.sapMRb:focus:before {
	content: "";
	display: block;
	position: absolute;
	top: .75rem;
	bottom: .75rem;
	left: .75rem;
	right: .625rem;
	pointer-events: none;
}

.sapMRbBInn {
	background-color: transparent;
	-webkit-user-select: none;
}

.sapMRbB .sapMRbBInn {
	height: 0.5rem;
	width: 0.5rem;
	padding: 1px;
	border-radius: 1rem;
	margin: 0.1875rem;
}

.sapMRbHasLabel.sapMRb:focus:before {
	right: 0;
	left: 0;
}

.sapMRbDis:focus:before {
	display: none;
}

.sapUiSizeCompact {
	.sapMRb:focus:before {
		top: .4375rem;
		bottom: .3125rem;
		left: .4375rem;
		right: .325rem;
	}

	.sapMRbHasLabel .sapMRbB {
		width: 2rem;
	}

	.sapMRb > .sapMLabel {
		max-width: calc(~"100% - 2rem + 1px");
	}
}

.sapMRbHoverable:hover {
	border-color: @sapUiFieldHoverBorderColor;
	background-color: @sapUiFieldHoverBackground;
}

.sapMRbSel .sapMRbBInn {
	background-color: @sapUiSelected;
}

.sapMLIBActive .sapMRbSel .sapMRbBInn {
	background-color: @sapUiListActiveTextColor;
}

/* Read only */
.sapMRbRo .sapMRbBOut {
	background-color: @sapUiFieldReadOnlyBackground;
	border-color: @sapUiFieldReadOnlyBorderColor;
}

.sapMRbRo.sapMRbSel .sapMRbBInn {
	background-color: @sapUiContentNonInteractiveIconColor;
}

/* Compact size */
.sapUiSizeCompact{
	.sapMRb {
		height : 2rem;
	}

	.sapMRbB {
		font-size: 1rem; /* override font size of the message dialog */
	}

	.sapMRbB .sapMRbBOut {
		height: 1rem;
		width: 1rem;
		border-width: 0.125rem;
		margin: 0.5rem;
		box-sizing: border-box;
	}

	.sapMRbB .sapMRbBInn {
		height: 0.25rem;
		width: 0.25rem;
		margin: 0.15rem;
	}

	.sapMRbBLabel {
		line-height: 2rem;
		height: 2rem;
	}

	.sapMRbHasLabel.sapMRb:focus:before {
		right: 0;
	}
}

/* Condensed size */
.sapUiSizeCondensed.sapUiTable,
.sapUiSizeCondensed .sapUiTable {
	.sapMRb {
		height : 1.5rem;
		vertical-align: top;
	}

	.sapMRbB {
		font-size: 1rem; /* override font size of the message dialog */
		height: 1.375rem;
		width: 1.375rem;
	}

	.sapUiTableCell>.sapMRb>.sapMRbB{
			margin: 0 0.25rem; /* extra space in the condensed ULV */
	}

	.sapMRbB .sapMRbBOut {
		height: 0.75rem;
		width: 0.75rem;
		border-width: 1px;
		margin: 0.375rem;
	}

	.sapMRbB .sapMRbBInn {
		height: 0.25rem;
		width: 0.25rem;
		margin: 0.0625rem;
	}

	.sapMRbBLabel {
		line-height: 1.5rem;
		height: 1.5rem;
	}
}
/* END "RadioButton.less" */

/* START "RadioButtonGroup.less" */

/* ======================================= */
/* CSS for control sap.m/RadioButtonGroup  */
/* Base theme                              */
/* ======================================= */
.sapMRbG{
	display: inline-block;
}

.sapMRbGTab{
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
}

.sapMRbGCol{
	-webkit-box-flex: 1;
	flex-grow: 1;
	vertical-align: top;
	min-width: 10px;
	margin-right: 0;
	padding: 1px;
	overflow: hidden; /* needed in Safari */
}

.sapMRbGDummy {
	-webkit-box-flex: 100;
	flex-grow: 100;
}

.sapMRbG > .sapMRb,
.sapMRbGCol > .sapMRb{
	float: left;
	clear: left;
	text-overflow: ellipsis;
}

.sapMRbG.sapMRbG1Row > .sapMRb{
	clear: none;
	padding: 1px;
}

.sapMRbGCol > .sapMRb{
	width: 100%;
	outline-offset: -1px;
}

.sapMRbG .sapMRbB {
	position: absolute;
	left: 0;
}

.sapMRbG  .sapMRbHasLabel .sapMRbB {
	width: 3rem;
}

.sapMRbG .sapMRbBLabel {
	margin-left: 0;
	padding-left: 3rem;
	display: inline-block;
}

.sapMRbG .sapMRbHasLabel .sapMRbBOut {
	margin: 0.8125rem;
}

/* Read only */
.sapMRbGRo {
	.sapMRb .sapMRbBOut {
		background-color: @sapUiFieldReadOnlyBackground;
		border-color: @sapUiFieldReadOnlyBorderColor;
	}

	.sapMRb.sapMRbSel .sapMRbBInn {
		background-color: @sapUiContentNonInteractiveIconColor;
	}
}

/* Right to left */
.sapMRbG[dir=rtl] .sapMRbB {
	right: 0;
}

.sapMRbG[dir=rtl] .sapMRbBLabel {
	padding-left: 0;
	padding-right: 3rem;
}

/* Compact Size */
.sapUiSizeCompact {
	.sapMRbG .sapMRbHasLabel .sapMRbB {
		width: 2rem;
	}

	.sapMRbG .sapMRbHasLabel .sapMRbBOut {
		margin: 0.5rem;
	}

	.sapMRbG .sapMRbBLabel {
		padding-left: 2rem;
	}

	.sapMRbG[dir=rtl] .sapMRbBLabel {
		padding-left: 0;
		padding-right: 2rem;
	}
}
/* END "RadioButtonGroup.less" */

/* START "RangeSlider.less" */
/* ================================== */
/* CSS for control sap.m/RangeSlider  */
/* Base theme                         */
/* ================================== */

.sapMSliderProgress {
  width: auto;
}

.sapMSliderProgress:focus {
  outline: none;
}

html.sap-desktop .sapMSliderProgress:focus:before {
  border: 1px dotted @sapUiContentFocusColor;
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  pointer-events: none;
}

.sapMSliderHandleTooltip {
  display: inline-block;
  position: absolute;
}

//----- RangeSlider Labels------------
.sapMSliderLabels {
  margin: 0.875rem -0.875rem 0 -0.875rem;
  height: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.sapMSliderRangeLabel {
  display: block;
  width: 1.75rem;
  font-size: 0.75rem;
  align-self: flex-end;
  text-align: center;
}

.sapMSliderTooltipContainer {
  display: flex;
  position: absolute;
  top: -3rem;
  height: 2rem;
  width: auto;
  justify-content: space-between;
  transition-property: left, right;
  visibility: hidden;
}

//----- RangeSlider Input Labels------------
.sapMSliderTooltipContainer .sapMInputBaseWidthPadding {
  padding: 0;
}

.sapMSliderTooltipContainer {
  .sapMInputBase {
    height: inherit;
  }
  .sapMInputBaseInner {
    height: inherit;
    font-size: 0.75rem;
    position: relative;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}

.sapUiSizeCozy .sapMSliderTooltipContainer {
  .sapMInputBase {
    height: 3rem;
    top: -1rem;
    padding: 0.25rem 0;
  }
  .sapMInputBaseInner {
    height: 2.5rem;
  }
}

/* pressed */

.sapMSliderHandleTooltip {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 0.75rem;
  text-align: center;
  visibility: hidden;
  box-shadow: @sapUiShadowLevel1;
  position: relative;
  flex-shrink: 0;
  background-color: @sapUiGroupContentBackground;
}

.sapMSliderHandleTooltipShow {
  visibility: visible;
}

.sapMSlider {
  &:hover {
    .sapMSliderHandleTooltip, .sapMSliderTooltipContainer {
      visibility: visible;
    }
  }
}

.sapMSliderHandleTooltipsShow,
.sapMSliderHandleTooltipsShow .sapMSliderHandleTooltip {
  visibility: visible;
}

/* overlap */
.sapMSliderHandle.sapMSliderHandleOverlap {
  background-color: @sapUiFieldActiveBorderColor;
  border: @sapUiFieldActiveBorderColor;
}

/* pressed */
.sapMSliderInner > .sapMSliderHandle.sapMSliderHandlePressed {
  background: @sapUiHighlight;
  border: 0.125rem solid @sapUiFieldActiveBorderColor;
}


/* ============ */
/* compact size */
/* ============ */
.sapUiSizeCompact {
  .sapMSliderLabels {
    margin: 0.5rem -0.6875rem 0 -0.6875rem;
  }

  .sapMSliderRangeLabel {
    width: 1.375rem;
  }
}
/* END "RangeSlider.less" */

/* START "RatingIndicator.less" */
/* ====================================== */
/* CSS for control sap.m/RatingIndicator  */
/* Base theme                             */
/* ====================================== */

.sapMRI {
	position: relative;
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	padding: 0;

	/* IE Windows 8 */
	/* This elements receives events when not panning in vertial direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

html.sap-phone .sapMRI:focus,
html.sap-tablet .sapMRI:focus {
	outline: none;
}

.sapMRISelector {
	position: absolute;
	background: transparent;
	width: 100%;
	height: 100%;
}

/* ie9 fix for transparent divs */
html[data-sap-ui-browser*='ie'] .sapMRISelector {
	background-color: rgba(255,255,255,0.01);
}

.sapMRIAriaLabel {
    display: none;
}

.sapMRISel {
	float: left;
	display: block;
	overflow: hidden;
	padding:0;
	margin:0;
	color: @sapUiSelected;
	word-wrap: normal;
	white-space: nowrap;
}

.sapMRIUnsel {
	position: relative;
	float: right;
	color: @sapUiContentForegroundColor;
	word-wrap: normal;
	white-space: nowrap;
}

.sapMRIUnselWrapper {
	float: right;
	overflow: hidden;
}

.sapMRIHov {
	float: left;
	display: none;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
}

.sapMRIIconSel, .sapMRIIconUnsel, .sapMRIIconHov {
    font-family: SAP-icons;
}


.sapUiSizeCondensed .sapUiTableCell > .sapMRI {
	box-sizing: content-box;
	padding: 0;
	margin: 0 0.5rem;
}

.sapUiRatingIndicatorXS .sapMRI .sapUiIcon,
.sapUiRatingIndicatorXS .sapMRI .sapMImg {
	padding-right: @sapUiRIIconPaddingXS;
	vertical-align:top;
}
	.sapUiRatingIndicatorS .sapMRI .sapUiIcon,
	.sapUiRatingIndicatorS .sapMRI .sapMImg {
		padding-right: @sapUiRIIconPaddingS;
		vertical-align:top;
	}

	.sapUiRatingIndicatorM .sapMRI .sapUiIcon,
	.sapUiRatingIndicatorM .sapMRI .sapMImg {
		padding-right: @sapUiRIIconPaddingM;
		vertical-align:top;
	}

	.sapUiRatingIndicatorL .sapMRI .sapUiIcon,
	.sapUiRatingIndicatorL .sapMRI .sapMImg {
		padding-right: @sapUiRIIconPaddingL;
		vertical-align:top;
	}

.sapMRI.sapUiRatingIndicatorXS .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorXS .sapMImg:last-child,
.sapMRI.sapUiRatingIndicatorS  .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorS .sapMImg:last-child,
.sapMRI.sapUiRatingIndicatorM .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorM .sapMImg:last-child,
.sapMRI.sapUiRatingIndicatorL .sapUiIcon:last-child,
.sapMRI.sapUiRatingIndicatorL .sapMImg:last-child {
	padding-right: 0;
}

.sapMRIIcon { /* required for size calculation */
	height: 1.375rem; /* default size */
	overflow: hidden;
}

.sapMRIDisabled {
	outline: none;
	cursor: default;
}

.sapMRI .sapUiIcon,
.sapMRI .sapMImg {
	padding-right: 0.25rem;
}

.sapMRI .sapUiIcon:last-child,
.sapMRI .sapMImg:last-child {
	padding-right: 0;
}

/* Compact mode */
.sapUiSizeCompact .sapMRIIcon {
	height: 1rem; /* default size for the compact mode */
}

/* Condensed mode */
.sapUiSizeCondensed .sapUiTableCell .sapMRI .sapUiIcon,
.sapUiSizeCondensed .sapUiTableCell .sapMRI .sapMImg{
	vertical-align: top;
}

.sapUiSizeCondensed .sapMRI .sapUiIcon,
.sapUiSizeCondensed .sapMRI .sapMImg{
	padding-right: 0;
}

.sapMRI.sapUiRatingIndicatorXS {
	.sapUiIcon, .sapMImg {
		padding-right: @sapUiRIIconPaddingXS;
		vertical-align: top;
	}
}

.sapMRI.sapUiRatingIndicatorS {
	.sapUiIcon, .sapMImg {
		padding-right: @sapUiRIIconPaddingS;
		vertical-align: top;
	}
}

.sapMRI.sapUiRatingIndicatorM {
	.sapUiIcon, .sapMImg {
		padding-right: @sapUiRIIconPaddingM;
		vertical-align: top;
	}
}

.sapMRI.sapUiRatingIndicatorL {
	.sapUiIcon, .sapMImg {
		padding-right: @sapUiRIIconPaddingL;
		vertical-align: top;
	}
}

.sapMRI.sapUiRatingIndicatorXS, .sapMRI.sapUiRatingIndicatorS, .sapMRI.sapUiRatingIndicatorM,
.sapMRI.sapUiRatingIndicatorL {
	.sapUiIcon:last-child, .sapMImg:last-child {
		padding-right: 0;
	}
}
/* END "RatingIndicator.less" */

/* START "ScrollContainer.less" */
/* ====================================== */
/* CSS for control sap.m/ScrollContainer  */
/* Base theme                             */
/* ====================================== */

.sapMScrollCont {
	overflow: hidden;
	position: relative; /* to make the iScroll scrollbars appear at the correct position, if enabled */
}

.sapMScrollContV .sapMScrollContScroll {
	display: block; /* when there is only vertical scrolling, the whole available width should be consumed */
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMScrollCont", ~"> .sapMScrollContScroll");
/* END "ScrollContainer.less" */

/* START "SearchField.less" */
/* ================================== */
/* CSS for control sap.m/SearchField  */
/* Base theme                         */
/* ================================== */

.sapMSF {
	position: relative;
	-moz-user-modify: read-only;
	-webkit-user-modify: read-only;
	-webkit-user-select: none;
	user-select: none;
	box-sizing: border-box;
	width: 100%;
	min-width: 7rem;
	height: 3rem;
	background: transparent;
	padding: 0.25rem 0;
}

.sapMSFI[type="search"] {
	font-size: 0.88em;
	-webkit-appearance:none;
	box-sizing: border-box;
	width: 100%;
}

.sapMSFI[type="search"]::-webkit-search-decoration,
.sapMSFI[type="search"]::-webkit-search-results-decoration,
.sapMSFI[type="search"]::-webkit-search-results-button {
	-webkit-appearance: none;
}

.sapMSFI[type="search"]:focus {
	-webkit-appearance: none;
}

input.sapMSFI[type="search"]:focus {
	outline: none;
	outline-width: 0;
}

.sapMSFR {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 1.8em;
	height: 100%;
	background: transparent;
}

.sapMSFPlaceholder {
	font-size: 0.88em;
	display: none;
}

.sapMSplitContainerMaster .sapMSF {
	padding-right: 1px;
}

.sapMSFF {
	box-sizing: border-box;
	height: 2.5rem;
	line-height: 2.375rem;
	border: 1px solid @sapUiFieldBorderColor;
	background: @sapUiFieldBackground;
	vertical-align: top;
	width: 100%;
	position: relative;
	padding-left: 0.625rem;
	padding-right: 4.75rem;
}

.sapMSFF.sapMSFNS { /* no search button */
	padding-right: 2.375rem;
}

/* Block elements do not work with bar layout */
.sapMBar .sapMSF {
	display : inline-block;
}

.sapMSFF>form>input {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sapMFocus>.sapMSFF {
	border-color: @sapUiFieldFocusBorderColor;
}

:not(.sapMSFDisabled) > .sapMSFF:hover {
	border-color: @sapUiFieldHoverBorderColor;
}

.sapMSFI {
	color: @sapUiFieldTextColor;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	background: transparent;
	width: 100%;
	height: 2.375rem;
	border: none;
	outline: none;
	padding: 0;
	margin: 0;
	text-indent: 0.125rem;
	vertical-align: top;
	text-overflow: ellipsis;
}

.sapMSFI.sapMSFIA4{
	-webkit-user-modify: read-write-plaintext-only;
}

.sapMSFI[type='search']{
	font-size: 0.875rem;
}

/* remove clear x button in webkit */
.sapMSFI[type="search"]::-webkit-search-cancel-button{
	-webkit-appearance: none;
	display: none;
}

/* remove clear x button in IE */
.sapMSFI::-ms-clear{
	display: none;
}

/* custom buttons */
.sapMSFB {
	position: absolute;
	width: 2.38rem;
	height: 2.38rem; /* due to incorrect rounding in Windows Phone, it should be 2.38 instead of 2.375 */
	line-height: 2.38rem;
	font-size: 1.125rem;
	color: @sapUiContentIconColor;
	text-align: center;
	cursor: default;
	margin:0;
	padding:0;
	right: 0;
	top: 0;
}

.sapMSFB:after {
	speak: none;
	font-weight: normal;
	font-family: 'SAP-icons';
	-webkit-font-smoothing: antialiased;
}

/* reset button */
.sapMSFR:not(.sapMSFNS) {
	right: 2.375rem;
}

.sapMSFR {
	visibility: hidden;
}

.sapMSFR:after {
	content: "\e1c7";
}

.sapMSFVal>.sapMSFF>.sapMSFR,
:not(.sapMSFVal):not(.sapMFocus)>.sapMSFReload>.sapMSFR {
	visibility: visible;
}

/* search icon in place of the reset button */
:not(.sapMSFVal)>.sapMSFReload>.sapMSFR:after {
	content: "\e00d";
}

/* search button */
.sapMSFS:after {
	content: "\e00d";
}

/* refresh icon in some cases */
:not(.sapMFocus)>.sapMSFReload>.sapMSFS:after {
	content: "\e00a";
}

/*grouping is not allowed here*/
.sapMSFI::-webkit-input-placeholder {
	color:		   @sapUiFieldPlaceholderTextColor;
	font-size:	   @sapMFontMediumSize;
	font-style:	   italic;
}

.sapMSFI:-ms-input-placeholder {
	color:		   @sapUiFieldPlaceholderTextColor;
	font-size:	   @sapMFontMediumSize;
	font-style:	   italic;
}

.sapMSFI::-moz-placeholder {
	color:		   @sapUiFieldPlaceholderTextColor;
	font-size:	   @sapMFontMediumSize;
	font-style:	   italic;
}

/* custom placeholder if not natively supported (IE9) */
.sapMSF>.sapMSFF>.sapMSFPlaceholder {
	display: block;
	color: @sapUiFieldPlaceholderTextColor;
	font-size: @sapMFontMediumSize;
	font-style: italic;
	position: absolute;
	bottom: 0;
	left: 1rem;
	height: 2.375rem;
}

.sapMSF.sapMSFVal>.sapMSFF>.sapMSFPlaceholder,
.sapMSF.sapMFocus>.sapMSFF>.sapMSFPlaceholder {
	display: none;
}

/* Compact size */
.sapUiSizeCompact {

	.sapMSF {
		height: 2rem;
		padding: 0.1875rem 0;
		min-width: 6rem;
	}

	.sapMSFF {
		height: 1.625rem;
		line-height: 1.5rem;
		padding-left: 0.375rem;
		padding-right: 4rem;
	}

	.sapMSFF.sapMSFNS { /* no search button */
		padding-right: 2.38rem;
	}

	/* input */
	.sapMSFI {
		height: 1.5rem;
	}

	/* custom buttons */
	.sapMSFB {
		width: 2rem;
		height: 1.5rem;
		font-size: 1rem;
		text-align: center;
		margin:0;
		padding:0;
		line-height: 1.5rem;
	}

	.sapMSFR:not(.sapMSFNS) {
		right: 2rem;
	}

	/* custom placeholder if not natively supported (IE9) */
	.sapMSF>.sapMSFF>.sapMSFPlaceholder {
		left: 0.5rem;
		height: 1.5rem;
	}

}
/* END "SearchField.less" */

/* START "SegmentedButton.less" */
/* ====================================== */
/* CSS for control sap.m/SegmentedButton  */
/* Base theme                             */
/* ====================================== */

.sapMSegB {
	margin: 0; /*To override the native browser margin*/
	padding: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	border: none;
	white-space: nowrap;
	display: inline-block;
	box-sizing: border-box;
	height: 2.5rem;
	vertical-align: top;
	position: relative;
}

.sapMSegB .sapMSegBBtn {
	list-style: none;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	text-align: center;
	cursor: pointer;
	vertical-align: text-bottom;
	box-sizing: border-box;
	display: inline-block;
	font-size: 0.875rem;
	height: 2.5rem;
	line-height: 2.375rem;
	padding-left: 1rem;
	padding-right: 1rem;
	text-align: center;
	text-shadow: none;
	color: @sapUiSegmentedButtonTextColor;
	border: 1px solid @sapUiSegmentedButtonBorderColor;
	background-color: @sapUiSegmentedButtonBackground;
	&:not(.sapMSegBBtnMixed) .sapMImg {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	&:not(.sapMSegBBtnMixed) .sapMBtnIcon {
		margin-right: 0;
	}
}

// Adding margin to be displayed correct in sap.m.Bar
.sapMBar .sapMSegB {
	margin-top: 0.250rem;
	margin-bottom: 0.250rem;
}

html.sap-desktop .sapMSegBBtnFocusable:hover {
	background: @sapUiSegmentedButtonHoverBackground;
}

.sapMSegBBtn:focus {
	outline: none;
}

.sapMSegBBtn .sapUiIcon:focus {
	outline: none;
}

.sapMSegBBtn .sapMBtnIconLeft {
	position: relative;
}

/* style for icon and text usage */
.sapMSegB.sapMSegBIcons {
	.sapMSegBBtn:not(.sapMSegBBtnMixed) {
		padding: 0; /*BCP: 1580200804*/
		margin-right: 0;
	}
	.sapMSegBBtn.sapMSegBBtnMixed .sapMImg,
	.sapMSegBBtn.sapMSegBBtnMixed .sapUiIcon {
		padding-left: 0;
		padding-right: 0.5rem;
	}
}

.sapMSegB img {
	margin: 0;
	pointer-events: none; /*To disable the save image menu on ios*/
	line-height: 2.375rem;
	max-height:  2.375rem;
	vertical-align: middle;
}

.sapMSegBBtn.sapMSegBBtnDis {
	text-shadow: none;
	cursor: default;
	opacity: 0.5;
}

.sapMSegBBtn:not(.sapMSegBBtnDis) .sapUiIcon {
  cursor: pointer;
}

.sapMSegBBtn.sapMSegBBtnSel {
	background: @sapUiSegmentedButtonSelectedBackground;
	color: @sapUiSegmentedButtonSelectedTextColor;
	border-color: @sapUiSegmentedButtonSelectedHoverBorderColor;
	.sapUiIcon{
		color: @sapUiSegmentedButtonSelectedIconColor;
	}
}

.sapMSegBBtnSel:active,
.sapMSegBBtnFocusable.sapMBtnActive {
	background: @sapUiButtonActiveBackground;
	color: @sapUiSegmentedButtonActiveTextColor;
	.sapUiIcon{
		color: @sapUiSegmentedButtonActiveIconColor;
	}
}

.sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel:hover,
.sapMSegBBtnFocusable.sapMBtnActive:hover,
html.sap-desktop .sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel:hover,
html.sap-desktop .sapMSegBBtnFocusable.sapMBtnActive:hover {
	background: @sapUiSegmentedButtonSelectedHoverBackground;
}

.sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel {
	border-right: 1px solid @sapUiSegmentedButtonSelectedHoverBorderColor;
}

.sapMSegBBtn .sapUiIcon {
	font-size: 1.375rem;
	line-height: 2.375rem;
	width: 2.375rem;
	color: @sapUiSegmentedButtonIconColor;
	vertical-align: middle;
	text-align: center;
}

/* Fix for mobile segmented button in header, footer or bar element */
html[data-sap-ui-os^="bb"],
html[data-sap-ui-os^="Android4.1"][data-sap-ui-browser^="an"],
html[data-sap-ui-os^="Android4.2"][data-sap-ui-browser^="an"],
html[data-sap-ui-os^="Android4.3"][data-sap-ui-browser^="an"] {
	header,
	footer,
	.sapMBar {
		.sapMSegB {
			height: 1.5rem;
			line-height: 1.5rem;
			display: inline-block;
		}
	}
}

html[data-sap-ui-os^="iOS"] {
	header,
	footer,
	.sapMBar {
		.sapMSegB {
			line-height: 1.5rem;
			display: inline-block;
		}
	}
}

/* Compact size */
.sapUiSizeCompact {
	.sapMSegB {
		height: 1.625rem;
	}

	.sapMSegB img {
		line-height: 1.5rem;
		height: 1.3rem;
		width: 1.3rem;
	}

	.sapMSegBBtn .sapUiIcon {
		font-size: 1rem;
		line-height: 1.5rem;
		width: 1rem;
		vertical-align: top;
	}

	.sapMSegBIcons:not(.sapMSegBBtnMixed) {
		.sapMImg,
		.sapUiIcon {
			padding-left: 0.4375rem;
			padding-right: 0.4375rem;
		}
	}

	.sapMSegBIcons {
		.sapMSegBBtn.sapMSegBBtnMixed {
			.sapMImg,
			.sapUiIcon {
				padding-left: 0;
				padding-right: 0;
			}
		}
	}

	.sapMSegBBtn {
		height: 1.625rem;
		line-height: 1.5rem;
		padding-left: 0.4375rem;
		padding-right: 0.4375rem;
	}

	.sapMSegBBtn:first-child {
		border-top-left-radius: 0.2rem;
		border-bottom-left-radius: 0.2rem;
	}

	.sapMSegBBtn:last-child {
		border-top-right-radius: 0.2rem;
		border-bottom-right-radius: 0.2rem;
	}

	.sapMSegB {
		.sapMBtnIconLeft {
			margin-left: 0;
		}
		&.sapMSegBIcons .sapMSegBBtnMixed {
			img {
				padding: 0;
			}
		}
	}

	// Adding margin to be displayed correct in sap.m.Bar
	.sapMBar .sapMSegB {
		margin-top: 0.1875rem;
		margin-bottom: 0.1875rem;
	}
}

/* Android size compact fix */
html[data-sap-ui-os^="Android"] {
	.sapUiSizeCompact .sapMSegBBtn .sapUiIcon {
		line-height: 1.6rem;
	}
}

/* IE ignores outline-offset. Use an overlay: */
html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMSegB {
		.sapMSegBBtnFocusable.sapMSegBBtnSel:focus {
			outline: none;
			position: relative;
		}
		.sapMSegBBtnFocusable.sapMSegBBtnSel:focus:before {
			content: " ";
			box-sizing: border-box;
			position: absolute;
			top: 0;
			left: 0;
			margin-top: 1px;
			margin-left: 1px;
			width: calc(~'100% - 2px');
			height: calc(~'100% - 2px');
			pointer-events: none;
		}
	}
}
/* END "SegmentedButton.less" */

/* START "Select.less" */
/* ============================= */
/* CSS for control sap.m/Select  */
/* Base theme                    */
/* ============================= */

/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */

.sapMSlt,
.sapMSlt > .sapMSltLabel {
	box-sizing: border-box;
}

.sapMSlt,
.sapMSltLabel,
.sapMSltArrow {
	display: inline-block;
}

.sapMSlt,
.sapMSltLabel {
	overflow: hidden;
}

.sapMSlt:not(.sapMSltDisabled),
.sapMSlt:not(.sapMSltDisabled) > .sapMSltLabel,
.sapMSltIconOnly:not(.sapMSltDisabled) .sapMSltIcon {
	cursor: pointer;
}

.sapMSlt > .sapMSltLabel,
.sapMSltArrow {
	height: 100%;
}

.sapMSlt > .sapMSltLabel,
.sapMSlt .sapMSelectListItemBase {
	padding: 0 0.625rem;
}

.sapMSltWithArrow > .sapMSltLabel,
.sapMSltWithArrow .sapMSelectListItemBase {
	padding: 0 3rem 0 0.625rem;
}

/* ------------------------------ */
/* field                          */
/* ------------------------------ */

.sapMSlt {
	position: relative;
	vertical-align: top;
	outline: none;
	height: 2.5rem;
	margin: 0.25rem 0 0.25rem 0;
	border: 1px solid @sapUiFieldBorderColor;
	background: @sapUiFieldBackground;
}

/* pressed */

.sapMSltPressed:not(.sapMSltDisabled):not(.sapMSltState) {
	border-color: @sapUiFieldActiveBorderColor;
}

.sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled) {
	background: @sapUiToggleButtonPressedBackground;
	text-shadow: none;
}

/* value state */

.sapMSltError {
	background: @sapUiFieldInvalidBackground;
	border-color: @sapUiFieldInvalidColor;
}

.sapMSltWarning {
	background: @sapUiFieldWarningBackground;
	border-color: @sapUiFieldWarningColor;
}

.sapMSltSuccess {
	background: @sapUiFieldSuccessBackground;
	border-color: @sapUiFieldSuccessColor;
}

/* ------------------------------ */
/* label                          */
/* ------------------------------ */

.sapMSlt > .sapMSltLabel {
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-decoration: none;
	text-indent: 0;
	text-align: start;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	line-height: 2.375rem;
	color: @sapUiFieldTextColor;
	font-style: normal;
	font-size: @sapMFontMediumSize;
}

.sapMSltAutoAdjustedWidth > .sapMSltLabel {
	position: relative;
	vertical-align: top;
}

/* ------------------------------ */
/* icon                           */
/* ------------------------------ */

.sapMSltIcon {
	position: absolute;
	display: block;
	font-size: 1.375rem;
	line-height: 2.375rem;
	padding: 0 0.625rem;
	color: @sapUiContentIconColor;

	/* prevent IE to focus the icon (non-focusable element) */
	pointer-events: none;
}

.sapMSltAutoAdjustedWidth .sapMSltIcon {
	position: relative;
}

/* pressed */

.sapMSltPressed > .sapMSltIcon {
	color: @sapUiContentContrastIconColor;
}

/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */

.sapMSltArrow {
	position: absolute;
	text-align: center;
	width: 2.5rem;
	line-height: 2.5rem;
	top: 0;
	right: 0;
	color: @sapUiContentIconColor;
}

.sapMSltArrow::before {
	font-family: "SAP-icons";
	speak: none;
	content: "\e1ef";
}

/* hover */

.sapMSltHoverable:not(.sapMSltPressed):hover > .sapMSltArrow {
	background: @sapUiButtonLiteHoverBackground;
}

/* pressed */

.sapMSltPressed > .sapMSltArrow {
	background: @sapUiToggleButtonPressedBackground;
}

.sapMSltPressed > .sapMSltArrow::before {
	color: @sapUiToggleButtonPressedTextColor;
}

/* ------------------------------ */
/* dropdown list                  */
/* ------------------------------ */

.sapMSlt > .sapMSelectList {
	visibility: hidden;
	position: relative;
	cursor: inherit;
	border: none;
	margin: 0;
	padding: 0;
	min-width: 6rem;
}

/* ------------------------------ */
/* table context                  */
/* ------------------------------ */

.sapUiTableCell .sapMSlt,
.sapUiSizeCondensed .sapUiTableCell .sapMSlt,
.sapUiSizeCompact .sapUiTableCell .sapMSlt {
	margin: 0;
}

.sapUiSizeCondensed .sapUiTableCell .sapMSlt:not(.sapMSltState) {
	border-color: transparent;
}

/* ---------------------------------------- */
/* value states commons styles adaptations  */
/* ---------------------------------------- */

.sapMSltLabelState,
.sapMSltArrowState {
	line-height: 2.25rem;
}

/* ====================================================== */
/* Select inside a Bar: header and sub-header contexts    */
/* ====================================================== */

.sapMSubHeader-CTX .sapMSltPressed > .sapMSltIcon {
	color: @sapUiContentContrastIconColor;
}

.sapMHeader-CTX .sapMSltPressed,
.sapMSubHeader-CTX .sapMSltPressed {

	/* pressed selects arrow and icon look wrong with text-shadow */
	text-shadow: none;
}

.sapMHeader-CTX .sapMSltIconOnly.sapMSltHoverable:hover,
.sapMSubHeader-CTX .sapMSltIconOnly.sapMSltHoverable:hover {
	border-color: @sapUiButtonLiteHoverBorderColor;
	background: @sapUiButtonLiteHoverBackground;
}

.sapMHeader-CTX .sapMSltIconOnly:not(.sapMSltPressed),
.sapMSubHeader-CTX .sapMSltIconOnly:not(.sapMSltPressed) {
	border-color: @sapUiButtonLiteBorderColor;
	background-color: @sapUiButtonLiteBackground;
}

/* ------------------------------ */
/* icon                           */
/* ------------------------------ */

.sapMSubHeader-CTX .sapMSltPressed > .sapMSltIcon {
	color: @sapUiContentContrastIconColor;
}

/* ====================================================== */
/* Select inside a Bar: footer context                    */
/* ====================================================== */

.sapMFooter-CTX .sapMSltIconOnly.sapMSltHoverable:not(.sapMSltPressed):hover {
	background: @sapUiButtonFooterHoverBackground;
	border-color: @sapUiButtonLiteBorderColor;
}

/* ------------------------------ */
/* icon                           */
/* ------------------------------ */

.sapMFooter-CTX .sapMSltIconOnly {
	background: @sapUiButtonLiteBackground;
	border-color: @sapUiButtonLiteBorderColor;
}

/* ------------------------------ */
/* label                          */
/* ------------------------------ */

.sapMIBar-CTX.sapMFooter-CTX .sapMSltArrow {
	text-shadow: none;
}

.sapMFooter-CTX .sapMSltLabel {
	text-shadow: none;
}

/* ------------------------------ */
/* picker                         */
/* ------------------------------ */

div.sapMSltPicker {
	border: none;
	box-shadow: @sapUiShadowLevel1;
}

/* ------------------------------ */
/* dialog                         */
/* ------------------------------ */

div.sapMSltPicker .sapMDialogScrollCont {
	padding: 0;
}

/* ================================================================================== */
/* CSS for control sap.m/Select.control Belize theme smaller sizes - common part      */
/* ================================================================================== */

/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */

.sapUiSizeCompact .sapMSltLabel,
.sapUiSizeCompact .sapMSlt .sapMSelectListItemBase,
.sapUiSizeCondensed .sapUiTableCell .sapMSltLabel,
.sapUiSizeCondensed .sapUiTableCell .sapMSlt .sapMSelectListItemBase {
	padding-right: 2.5rem;
	padding-left: 0.5rem;
}

.sapUiSizeCompact .sapMSltLabel,
.sapUiSizeCompact .sapMSltArrow {
	line-height: 1.5rem;
}

/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */

.sapUiSizeCompact .sapMSltArrow {
	width: 2rem;
}

/* ------------------------------ */
/* label and arrow commons styles */
/* ------------------------------ */

.sapUiSizeCompact .sapMSltLabelState,
.sapUiSizeCompact .sapMSltArrowState {
	line-height: 1.375rem;
}

/* ------------------------------ */
/* icon                           */
/* ------------------------------ */

.sapUiSizeCompact .sapMSltIcon {
	font-size: 1rem;
	line-height: 1.5rem;
}

.sapUiSizeCondensed .sapUiTableCell .sapMSltIcon {
	font-size: 1rem;
	line-height: 1.375rem; /* + 2*1px padding = 1.5rem */
}

/* ========================= */
/* compact size              */
/* ========================= */

/* ------------------------------ */
/* field                          */
/* ------------------------------ */

.sapUiSizeCompact .sapMSlt {
	height: 1.625rem;
	margin-top: 0.1875rem;
	margin-bottom: 0.1875rem;
}

/* ============================== */
/* condensed size (table context) */
/* ============================== */

/* ------------------------------ */
/* field                          */
/* ------------------------------ */

.sapUiSizeCondensed .sapUiTableCell .sapMSlt {
	height: 1.375rem; /* + 2*1px padding = 1.5rem */
}

/* ------------------------------ */
/* label                          */
/* ------------------------------ */

.sapUiSizeCondensed .sapUiTableCell .sapMSlt .sapMSltLabel {
	line-height: 1.375rem;
}

/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */

.sapUiSizeCondensed .sapUiTableCell .sapMSltArrow {
	line-height: 1.375rem;
}

.sapUiSizeCondensed .sapUiTableCell .sapMSltHoverable:not(.sapMSltState):hover {
	border-color: @sapUiFieldHoverBorderColor;
}

/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */

.sapUiSizeCondensed .sapUiTableCell .sapMSltLabelState,
.sapUiSizeCondensed .sapUiTableCell .sapMSltArrowState {
	line-height: 1.25rem;
}
/* END "Select.less" */

/* START "SelectDialog.less" */
/* =================================== */
/* CSS for control sap.m/SelectDialog  */
/* Base theme                          */
/* =================================== */

.sapMSelectDialog.sapMDialog .sapMDialogScrollCont {
	padding: 0px;
}

.sapMBusyIndicator.sapMSelectDialogBusyIndicator {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1rem;
	margin-left: -1rem;
	display: none;
}

.sapMSelectDialogListHide {
	display: none;
}

.sapMSelectDialog.sapMDialog .sapMDialogScroll {
	width: 100% !important;
}
/* END "SelectDialog.less" */

/* START "SelectList.less" */
/* ================================= */
/* CSS for control sap.m/SelectList  */
/* Base theme                        */
/* ================================= */

/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */

.sapMSelectList,
.sapMSelectListItemBase {
	box-sizing: border-box;
}

/* disabled */

.sapMSelectListDisabled,
.sapMSelectListItemBaseDisabled {
	pointer-events: none;
}

/* ------------------------------ */
/* list                           */
/* ------------------------------ */

.sapMSelectList {
	margin: 0;
	padding: 0;
	outline: none;
	list-style-type: none;
	background: @sapUiListBackground;
}

.sapMSelectListTableLayout {
	display: table;
	border-collapse: collapse;
}

/* ------------------------------ */
/* item                           */
/* ------------------------------ */

.sapMSelectListItemBase {
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: @sapUiListTextColor;
	font-size: @sapMFontMediumSize;
	height: 2.5rem;
	cursor: pointer;
}

.sapMSelectListItem {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 0 1rem 0 1rem;
	line-height: 2.5rem;
}

li.sapMSelectListItemBaseInvisible {
	display: none;
}

/* hover */
.sapMSelectListItemBaseHoverable:hover {
	background: @sapUiListHoverBackground;
}

/* hover selected */
.sapMSelectListItemBaseSelected.sapMSelectListItemBaseHoverable:hover {
	background-color: @sapUiListSelectionHoverBackground;
}

/* pressed and pressed selected */
.sapMSelectListItemBase.sapMSelectListItemBasePressed,
.sapMSelectListItemBase.sapMSelectListItemBasePressed.sapMSelectListItemBaseSelected {
	color: @sapUiListActiveTextColor;
	background: @sapUiListActiveBackground;
}

/* focus */
html.sap-desktop .sapMSelectListItemBase:focus {
	outline: dotted 1px;
	outline-offset: -2px;
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {

	li.sapMSelectListItemBase.sapMSelectListItemBaseSelected:not(.sapMSelectListRow) {
		outline: none;
		position: relative;
	}

	li.sapMSelectListItemBase.sapMSelectListItemBaseSelected:not(.sapMSelectListRow)::before {
		content: " ";
		position: absolute;
		top: 1px;
		right: 1px;
		bottom: 1px;
		left: 1px;
		pointer-events: none;
	}
}

/* ------------------------------ */
/* row                            */
/* ------------------------------ */

.sapMSelectListRow {
	display: table-row;
}

/* ------------------------------ */
/* cell                           */
/* ------------------------------ */

.sapMSelectListCell {
	display: table-cell;
	vertical-align: middle;
	padding-left: 1rem;
}


.sapMSelectListLastCell {
	text-align: right;
	padding-right: 1rem;
}

/* ------------------------------ */
/* separator                      */
/* ------------------------------ */

.sapMSelectListSeparatorItem {
	border: 1px solid @sapUiListBorderColor;
}

/* compact size  */

/* ------------------------------ */
/* commons styles                 */
/* ------------------------------ */

.sapUiSizeCompact .sapMSelectListItemBase {
	height: 2rem;
}

.sapUiSizeCompact .sapMSelectListItem {
	line-height: 2rem;
}
/* END "SelectList.less" */

/* START "SemanticPage.less" */
/* =================================== */
/* CSS for control sap.m/SemanticPage  */
/* Base theme                          */
/* =================================== */

.sapMSemanticPage {
	height: 100%;
	width: 100%;
}
/* END "SemanticPage.less" */

/* START "Shell.less" */
/* ============================ */
/* CSS for control sap.m/Shell  */
/* Base theme                   */
/* ============================ */

@sapMShellAppWidthLimit: 1280px;
@sapMShellAppWidthLimitBy2: @sapMShellAppWidthLimit / 2;

@sapMShellAppHeight: 3333px; // Ux decision: never show the header, so make this value large enough even for zoom-out cases
@sapMShellHeaderHeight: 68px; // should be 4.25rem
@sapMShellMinHeightForHeader: (@sapMShellAppHeight + @sapMShellHeaderHeight);

@sapMShellMinWidthForLogoAside: 1480px;     // = @sapMShellAppWidthLimit + 200; but additions do not work in LESS for media query arguments
@sapMShellMinWidthForBigLogoAside: 1680px;  // = @sapMShellAppWidthLimit + 400; but additions do not work in LESS for media query arguments

.sapMShell {
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
}

.sapMShellBrandingBar {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 4px;
	z-index: 1; /* to lift it above the CenterBox shadow */
	background-color: @sapUiBrand;
}

/* this "sapMBrandingBar-CTX" CSS class can be set by any container control that comes with its own branding bar, so any shell inside will not display its branding bar */
.sapMBrandingBar-CTX .sapMShellBrandingBar,
.sapUiUfdShell .sapMShellBrandingBar {
	display: none;
}

.sapMShellBG {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.sapMShellCentralBox {
	position: relative;
	height: 100%;
}

.sapMShellHeader {
	position: relative;
	width: 100%;
	text-align: center;
	box-sizing: border-box;
	padding: 0 16px; /* must be px because of calculations further below */
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.sapMShellHeaderText {
	display: none;
	cursor: default;
	position: relative;
}

.sapMShellLogo {
	display: none;
	position: relative;
	z-index: 1; /* above background image */
}

.sapMShellLogoImgAligner {
	display: none;
}

.sapMShellHeaderRight {
	display: none;
	position: relative;
}

.sapMShellContent {
	box-sizing: border-box;
	height: 100% !important; /* important because overwritten by SplitApp/App control */
	width: 100%;
	position: relative;
	margin: 0 auto;
}


/* modifications for taller screens */

@media (min-height: @sapMShellMinHeightForHeader) { /* 1500px plus 96px for header */
	html.sap-desktop .sapMShellLogo {
		position: absolute;
		float: left;
		display: -webkit-flex;
		display: flex;
		height: 40px;
		margin: 0.75em;
		margin-left: 0;
	}
	
	html[data-sap-ui-browser^="ie"].sap-desktop .sapMShellLogo {
		display: block;
	}
	
	html[data-sap-ui-browser^="ie"].sap-desktop .sapMShellLogoImgAligner {
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}
	
	html[data-sap-ui-browser^="ie"].sap-desktop .sapMShellLogoImg {
		vertical-align: middle;
		display: inline-block;
	}

	html.sap-desktop .sapMShellLogoImg {
		margin: auto;
		max-width: 6rem;
		max-height: 40px;
	}

	html.sap-desktop .sapMShellHeader {
		display: block;
		position: relative;
		height: 4.25rem;
		color: @sapUiPageHeaderTextColor;
		border-bottom: 1px solid @sapUiShellBorderColor;
	}

	html.sap-desktop .sapMShellHeaderText {
		display: inline-block;
		margin-top: 1.25rem;
		font-size: 1.75em;
		font-weight: lighter;
	}

	html.sap-desktop .sapMShellHeaderRight {
		display: inline-block;
		float: right;
		font-size: 0.875em;
		margin-top: 30px;
	}

	html.sap-desktop .sapMShellHeaderRightText {
		padding: 0.75em 0.57em; /* text size is 14px here... */
	}

	html.sap-desktop .sapMShellHeaderLogout {
		cursor: pointer;
		padding: 0.75em 0.57em; /* text size is 14px here... */
	}
	
	html.sap-desktop .sapMShellHeaderLogout:focus {
		outline: none;
	}
	
	html.sap-desktop .sapMShellHeaderLogout:active {
		background-color: @sapUiButtonActiveBackground;
		color: @sapUiButtonActiveTextColor;
		outline: none;
	}

	html.sap-desktop .sapMShellContent {
		position: absolute;
		top: @sapMShellHeaderHeight;
		bottom: 0;
		height: auto !important; /* important because overwritten by SplitApp/App control */
	}
	
	.sapMShellHeader {
		border-top: 4px solid transparent;
	}
}

@media (min-height: 769px) and (max-width: 640px) { /* logo would appear above but the window is really slim */
	html.sap-desktop  .sapMShellLogo {
		display: none;
	}
}


/* modifications for wider screens */

@media (min-width: @sapMShellAppWidthLimit) {

	html.sap-desktop .sapMShellLogo {
		margin-left: 1rem;
	}

	html.sap-desktop .sapMShellAppWidthLimited .sapMShellCentralBox {
		width: @sapMShellAppWidthLimit;
		margin-left: -@sapMShellAppWidthLimitBy2; /* @sapMShellAppWidthLimit divided by 2 */
		left: 50%;
		background-color: fade(lighten(@sapUiBaseBG, 5), 30);
	}
}

@sapMShellAppWidthLimitPlusPadding: @sapMShellAppWidthLimit + 16px;
@media (min-width: @sapMShellAppWidthLimit) {
	html.sap-desktop .sapMShellAppWidthLimited .sapMShellHeader {
		padding: 0;
	}
}

@media (min-width: @sapMShellMinWidthForLogoAside) {
	html.sap-desktop .sapMShellAppWidthLimited .sapMShellLogo {
		position: absolute;
		opacity: 1;
		height: auto;
		width: 80px;
		text-align: center;
		display: block;
		right: @sapMShellAppWidthLimit;
		top: 0;
		margin: 0.75em;
		margin-left: 0;
	}
	
	html.sap-desktop .sapMShellAppWidthLimited .sapMShellLogoImg {
		max-width: 80px;
		max-height: 80px;
	}

	html[data-sap-ui-browser^="ie"].sap-desktop .sapMShellAppWidthLimited .sapMShellLogoImgAligner {
		display: none;
	}
}

@media (min-width: @sapMShellMinWidthForBigLogoAside) {
	html.sap-desktop .sapMShellAppWidthLimited .sapMShellLogo {
		width: 160px;
		margin: 2rem;
	}

	html.sap-desktop .sapMShellAppWidthLimited .sapMShellLogoImg {
		max-width: 160px;
		max-height: 160px;
	}
}

.sapUiUfdShell .sapMShellHeader {
	border-top: none;
}

html.sap-desktop .sapMShellHeaderText {
	font-size: @sapMFontHeader2Size;
	color: @sapUiShellTextColor;
}
/* END "Shell.less" */

/* START "Slider.less" */
/* ============================= */
/* CSS for control sap.m/Slider  */
/* Base theme                    */
/* ============================= */

/* ------------------------------ */
/* Slider commons styles          */
/* ------------------------------ */

.sapMSlider {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	position: relative;
	height: 3.3125rem;
	padding: 1.406rem 1.0625rem;


	/* IE Windows 8 */
	/* This elements receives events when not panning in vertial direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

.sapMSlider:not(.sapMSliderDisabled) {
	cursor: pointer;
}

.sapMSliderInner {
	width: 100%;
	position: relative;
	background-repeat: no-repeat;
}

.sapMSliderInner,
.sapMSliderProgress {
	height: 0.188rem;
}

.sapMSliderProgress,
.sapMSliderHandle {
	position: absolute;
}

.sapMSliderHandle {
	display: block;
	outline: none;
}

.sapMSliderInput {
	display: none;
}

.sapMSliderTickmarks {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	z-index: -1;
	top: 0.625rem;
	left: 1.0625rem;
	right: 1.0625rem;;
	display: block;
	height: 1.75rem;
}

.sapMSliderTick {
	display: inline-block;
	height: 0.875rem;
	border-left: 0.0625rem solid @sapUiFieldBorderColor;
	margin: 0.4375rem 0 0 -0.0625rem;
}


.sapMSliderTickLabel {
	display: inline-block;
	position: absolute;
	z-index: 1;
	width: 0.0625rem;
	background-color: @sapUiFieldBorderColor;
	height: 1.75rem;
	margin: 0 0 0 -0.0625rem;

	&:last-child {
		right: 0;
	}
}

.sapMSliderLabel {
	font-size: 0.75rem;
	display: block;
	width: 5rem;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: absolute;
	top: 1.75rem;
	left: -2.5rem;
}

/* slider progress bar */
.sapMSliderProgress {
	background: @sapUiFieldActiveBorderColor;

	&:before{
		content: '';
		position: absolute;
		width: 100%;
		height: 500%;
		left: 50%;
		top: 50%;
		transform: translate(0, -30%);
	}
}

/* slider handle */
.sapMSliderHandle {
	margin-left: -1rem;
	top: -0.91rem;
	height: 1.75rem;
	width: 1.75rem;

	/* some browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-radius" shorthand property
	but does support the long-hand properties for each corner like "border-top-left-radius" */
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
}

/* ============ */
/* compact size */
/* ============ */

/* slider */
.sapUiSizeCompact {
	.sapMSlider {
		height: 2.5625rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}

	/* slider handle */
	.sapMSliderHandle {
		height: 1.375rem;
		width: 1.375rem;
		margin-left: -0.8125rem;
		top: -0.75rem;
	}

	.sapMSliderTickmarks {
		height: 1rem;
	}

	.sapMSliderLabel {
		top: 1rem;
	}

	.sapMSliderTick {
		margin-top: 0.125rem;
		height: 0.75rem;
	}

	.sapMSliderTickLabel {
		height: 1rem;
	}
}
/* END "Slider.less" */

/* START "SlideTile.less" */
/* ================================ */
/* CSS for control sap.m/SlideTile  */
/* Base theme                       */
/* ================================ */

.sapMST {
	background: transparent;
	position: relative;
	display: inline-block;
	font-size: 0;
	border-radius: 0.125rem;
	outline: none;
	box-shadow: @sapUiShadowLevel0;

	.sapMSTOverflowHidden {
		overflow: hidden;
		position: relative;
		height: 100%;
		width: 100%;
	}

	&.sapMSTScopeActions {

		.sapMSTMoreIcon {
			height: 1rem;
			position: absolute;
			right: 0.75rem;
			bottom: 0.563rem;
			z-index: 1;
			color: @sapUiButtonIconColor;
			pointer-events: none;
			&:focus {
				outline: none;
			}
		}

		.sapMSTRemoveButton {
			width: 1.375rem;
			height: 1.375rem;
			border-radius: 50%;
			padding: 0px;
			position: absolute;
			top: -0.5rem;
			right: -0.5rem;
			z-index: 3;
			border: 1px solid @sapUiButtonBorderColor;
			background-color: @sapUiButtonBackground;
			color: @sapUiButtonTextColor;
			overflow: visible;

			.sapMBtnFocusDiv {
				display: none;
			}

			.sapMBtnInner {
				width: 100%;
				height: 100%;
				min-width: 0px;
				border-radius: 50%;
				border: none;
				outline-offset: -2px;
			}

			.sapMBtnIcon {
				font-size: 0.75rem;
				margin: 0px;
				width: 100%;

				&:before {
					position: relative;
					top: -0.125rem;
				}
			}

			&:focus > .sapMFocusable {
				outline: none;
				border-radius: 50%;
			}

			/* The touch area has a different size and is slightly moved to the left and bottom */
			&:before {
				content: "";
				color: @sapUiButtonIconColor;
				position: absolute;
				top: -1px;
				bottom: -0.6875rem;
				left: -0.6875rem;
				right: -0.0625rem;
			}
		}
	}
}

.sapMSTWrapper {
	position: absolute;
	left: 100%;
}

.sapMSTWrapper>.sapMGT,
html.sap-desktop .sapMSTWrapper>.sapMGT:hover,
html.sap-phone .sapMGTHvrOutln:active,
html.sap-tablet .sapMGTHvrOutln:active {
	box-shadow: none;
}

.sapMST.OneByOne {
	width: 11rem;
	height: 11rem;
}

.sapMST.TwoByOne {
	width: 22.5rem;
	height: 11rem;
}

.sapMST .sapMGT {
	border: none;
}

.sapMSTFocusDiv {
	position: absolute;
	pointer-events: none;
	left: 1px;
	top: 1px;
	right: 1px;
	bottom: 1px;
	border-radius: 0.125rem;
}

/* Bulleted indicator of multiple tiles*/
.sapMSTBulleted {
	position: absolute;
	text-align: center;
	bottom: 0.25rem;
	width: 100%;
	z-index: 1;
	cursor: pointer;
}

.sapMSTBulleted > span {
	display: inline-block;
	height: 0.375rem;
	width: 0.375rem;
	margin: 0 0.25rem;
	border-radius: 50%;
}

.sapMST .sapMSTIconClickTapArea {
	position: absolute;
	right: 0.75rem;
	top: 0.75rem;
	height: 2rem;
	width: 2rem;
	z-index: 3;
	background-color: transparent;
	border-radius: 50%;
	cursor: pointer;
}

.sapMST .sapMSTIconDisplayArea {
	position: absolute;
	right: 0.75rem;
	top: 0.75rem;
	height: 2rem;
	width: 2rem;
	z-index: 1;
	opacity: 0.3;
	overflow: hidden;
	border-radius: 50%;
}

html.sap-desktop .sapMST .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
	opacity: 0.6;
}


html.sap-desktop .sapMST.sapMSTIconPressed .sapMSTIconClickTapArea:hover ~.sapMSTIconDisplayArea {
	opacity: 1.0;
}

.sapMST .sapMSTIconNestedArea {
	right: 0.75rem;
	top: 0.75rem;
	line-height: 2rem;
	height: 2rem;
	z-index: 1;
	position: absolute;
	outline: none;

	.sapUiIcon {
		width: 2rem;
	}
}

.sapMSTIconNestedArea :active {
	outline: none;
}

html.sap-phone .sapMST .sapMSTIconClickTapArea,
html.sap-tablet .sapMST .sapMSTIconClickTapArea {
	right: 0.25rem;
	top: 0.25rem;
	height: 3rem;
	width: 3rem;
}

html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTIconDisplayArea,
html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTIconNestedArea,
html.sap-desktop .sapMST:not(:hover).sapMST:not(:focus) .sapMSTBulleted {
	visibility: hidden;
}

/* BREAKPOINT FOR SMALL PHONES */
@media screen and (max-width: 374px) {
	.sapMST.OneByOne {
		width: 9.25rem;
		height: 9.25rem;
	}

	.sapMST.TwoByOne {
		width: 19rem;
		height: 9.25rem;
	}

	.sapMSTBulleted {
		bottom: 0.188rem;
	}
}

/* END "SlideTile.less" */

/* START "SplitButton.less" */
/* ================================== */
/* CSS for control sap.m/SplitButton  */
/* Base theme                         */
/* ================================== */

.sapMSB {
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
	margin-right: 2.5rem;
}

.sapMSB .sapMSBArrow {
	position: absolute;
	top: 0;
	right: 0;
}

.sapMSB .sapMSBArrow .sapMBtnIcon {
	font-size: 0.75rem;
}

.sapMSB .sapMSBText .sapMBtnInner {
	text-align: left;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right-width: 0;
}

.sapMSB .sapMSBArrow .sapMBtnInner {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.sapMSB:focus {
	outline: none;
}

.sapMSB:focus .sapMSBInner::after {
	content: '';
	pointer-events: none;
	position: absolute;
}

//ie
.sapMSBTextIE.sapMSBText {
	padding-right: 2.5rem;
}

.sapUiSizeCompact {
	.sapMSB .sapMSBInner .sapMSBText:not(.sapMSBTextIE) .sapMBtnInner {
		margin-right: 2rem;
	}

	//ie
	.sapMSBTextIE.sapMSBText {
		padding-right: 2rem;
	}
}

.sapMSB:focus .sapMSBInner::after {
	top: 0.3125rem;
	bottom: 0.3125rem;
	left: 0.0625rem;
	right: 0.0625rem;
	border: 0.0625rem dotted @sapUiContentFocusColor;
}

.sapUiSizeCompact {
	.sapMSB:focus .sapMSBInner::after {
		top: 0.25rem;
		bottom: 0.25rem;
	}
}

html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
	.sapMSB:focus .sapMSBInner::after {
		border-style: dashed;
	}
}
/* END "SplitButton.less" */

/* START "SplitContainer.less" */
/* ===================================== */
/* CSS for control sap.m/SplitContainer  */
/* Base theme                            */
/* ===================================== */

.sapMSplitContainer {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}

.sapMSplitContainerMaster {
	box-sizing: border-box;
	width: 320px;
	float: left;
	left: 0;
	background-color: @sapUiGroupContentBackground;
}

/* separator line over the content of the master page */
.sapMSplitContainerMaster:after {
	content: "";
	position: absolute;
	width: 0;
	right: 0;
	height: 100%;
	bottom: 0;
	border-right: 1px solid @sapUiGroupContentBorderColor;
	z-index: 5;
}

.sapMSplitContainerMaster > .sapMSplitContainerMasterBlindLayer {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	display: none;
}

.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMaster > .sapMSplitContainerMasterBlindLayer,
.sapMSplitContainerHideMode > .sapMSplitContainerMaster > .sapMSplitContainerMasterBlindLayer {
	display: block;
}

.sapMSplitContainerDetail {
	box-sizing: border-box;
	height: 100%;

	/* IE Windows 8 */
	/* This elements receives events when not panning in vertial direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

/* Default Master Animation Behavior */
.sapMSplitContainerStretchCompress > .sapMSplitContainerMaster,
.sapMSplitContainerShowHide:not(.sapMSplitContainerPortrait) > .sapMSplitContainerMaster,
.sapMSplitContainerPopover:not(.sapMSplitContainerPortrait) > .sapMSplitContainerMaster {
	border-radius: 0;
}

.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMaster,
.sapMSplitContainerHideMode > .sapMSplitContainerMaster {
	display: inline-block;
	position: absolute;
	transform: translate3d(-330px,0,0);
	transition: all 0ms;
	-webkit-transform: translate3d(-330px,0,0);
	-webkit-transition: all 0ms;
	z-index: 5;
	top: 0;
	height: 100%;
	box-shadow: @sapUiShadowLevel2;
	border-right: @sapUiGroupContentBorderColor;
	background-clip: padding-box;
	-webkit-background-clip: padding-box;
	-ms-background-clip: padding-box;
}

.sapMSplitContainerPopover > .sapMPopoverCont > .sapMPopoverScroll > .sapMSplitContainerMaster {
	border-right: none;
}

.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerDetail,
.sapMSplitContainerHideMode > .sapMSplitContainerDetail,
.sapMSplitContainerPopover .sapMSplitContainerDetail {
	margin-left: 0;
}

.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterVisible,
.sapMSplitContainerHideMode > .sapMSplitContainerMasterVisible {
	transform: translate3d(0,0,0);
	transition: all 300ms;
	-webkit-transform: translate3d(0,0,0);
	-webkit-transition: all 300ms;
}

.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterHidden,
.sapMSplitContainerHideMode > .sapMSplitContainerMasterHidden {
	transform: translate3d(-330px,0,0);
	transition: all 300ms;
	-webkit-transform: translate3d(-330px,0,0);
	-webkit-transition: all 300ms;
	box-shadow: @sapUiShadowLevel2;
}

.sapMSplitContainerPortrait.sapMSplitContainerStretchCompress > .sapMSplitContainerMaster {
	width: 320px !important;
	left: 0;
}

/* Keyframe Animations */
@-webkit-keyframes sapMSplitContainerSlidein {
	from {
		width: 0px;
	}
	to {
		width: 320px;
	}
}

@-webkit-keyframes sapMSplitContainerSlideout {
	from {
		width: 320px;
	}
	to {
		width: 0px;
	}
}

@-webkit-keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@-webkit-keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0.7; }
}

/* IE */
@keyframes sapMSplitContainerSlideout {
	from {
		width: 320px;
	}
	to {
		width: 0px;
	}
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0.7; }
}

.sapMSplitContainerPortrait .sapMSplitContainerMasterBtnShow {
	display: block;
	animation: fadeIn 300ms;
	-webkit-animation: fadeIn 300ms;
}

.sapMSplitContainerPortrait .sapMSplitContainerMasterBtnHide {
	animation: fadeOut 150ms;
	-webkit-animation: fadeOut 150ms;
}

.sapMSplitContainerMasterBtnShow {
	display: block;
	animation: fadeIn 1ms;
	-webkit-animation: fadeIn 1ms;
}

.sapMSplitContainerMasterBtnHide {
	animation: fadeOut 5ms;
	-webkit-animation: fadeOut 5ms;
}

.sapMSplitContainerMasterBtnHidden {
	display: none;
}

.sapMSplitContainerMobile {
	width: 100%;
	height: 100%;
}

.sapMSplitContainer > .sapMSplitContainerDetail .sapMSplitContainerHiddenChild {
	display: none;
}

//decrease to minimum transition and animation when animation is off
//there are 1ms and 5ms values, because the js code depend of the end of the animation
html[data-sap-ui-animation='off'] {

	.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMaster,
	.sapMSplitContainerHideMode > .sapMSplitContainerMaster {
		transition: all 1ms;
	}

	.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterVisible,
	.sapMSplitContainerHideMode > .sapMSplitContainerMasterVisible {
		transition: all 1ms;
	}

	.sapMSplitContainerPortrait.sapMSplitContainerShowHide > .sapMSplitContainerMasterHidden,
	.sapMSplitContainerHideMode > .sapMSplitContainerMasterHidden {
		transition: all 1ms;
	}

	.sapMSplitContainerPortrait .sapMSplitContainerMasterBtnShow {
		animation: fadeIn 5ms;
		-webkit-animation: fadeIn 5ms;
	}

	.sapMSplitContainerPortrait .sapMSplitContainerMasterBtnHide {
		animation: fadeOut 5ms;
		-webkit-animation: fadeOut 5ms;
	}
}

/* footer separator has priority */
.sapMSplitContainerMaster footer {
	z-index: 6;
}

.sapMPopoverCont .sapMSplitContainerMaster:after {
	/* popover has its own border, do not show separator */
	display: none;
}
/* END "SplitContainer.less" */

/* START "StandardListItem.less" */
/* ======================================= */
/* CSS for control sap.m/StandardListItem  */
/* Base theme                              */
/* ======================================= */

.sapMSLI {
	display: -webkit-box;
	display: flex;
	height: 3rem;
}

.sapMSLIDiv {
	-webkit-box-flex: 1;
	flex: auto;
	display: -webkit-box;
	display: flex;
	-webkit-box-orient: vertical;
	flex-direction: column;
	-webkit-box-pack: center;
	justify-content: center;
	overflow: hidden;
}

.sapMSLITitle,
.sapMSLITitleOnly,
.sapMSLIDescription {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-flex: 9;
	flex: auto;
}

.sapMSLITitleDiv,
.sapMSLIDescriptionDiv {
	display: -webkit-box;
	display: flex;
}

.sapMSLIDiv.sapMSLITitleDiv {
	-webkit-box-orient: horizontal;
	flex-direction: row;
	-webkit-box-align: center;
	align-items: center;
}

.sapMSLIInfo {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-flex: 0;
	flex: none;
	text-align: right;
	margin: 0 0 0 1rem;
	font-size: 0.875rem;
}

/* The info is aligned right and therefore in RTL mode should be aligned on the left */
html[dir=rtl] .sapMSLIInfo {
	text-align: left;
}

.sapMSLI > .sapMLIBContent {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-flex: 1;
	flex: auto;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
}

/* IE10/11 flex implementation pushes contents disregarding flex: */
html[data-sap-ui-browser*='ie1'] .sapMSLIDiv {
	width: 100%;
}

.sapMSLIImg {
	margin: 0.5rem 0.75rem 0.5rem 0rem;
	height: 2rem;
	width: 2rem;
}

.sapMSLIImgThumb,
.sapMSLIImgIcon,
.sapMSLIImgThumbIcon {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	-webkit-box-flex: 0;
	flex: none;
}

.sapMSLIImgThumb {
	margin-right: 0.75rem;
}

.sapMSLIImgIcon {
	font-size: 1.375rem;
	color: @sapUiContentNonInteractiveIconColor;
	margin-left: -1rem;
}

.sapMSLIImgThumbIcon {
	font-size: 2.5rem;
	color: @sapUiContentNonInteractiveIconColor;
	margin-right: 0.75rem;
}

.sapMSLIIconActive {
	color: @sapUiListActiveTextColor;
	text-shadow: none;
}

.sapMLIBActive .sapMSLIImgThumbIcon,
.sapMLIBActive .sapMSLIImgIcon {
	color: @sapUiListActiveTextColor;
	text-shadow: none;
}

.sapMSLITitle {
	font-size: 1rem;
	color: @sapUiListTextColor;
	padding-bottom: 0.375rem;
}

.sapMSLIDescription {
	font-size: 0.875rem;
	color: @sapUiContentLabelColor;
}

.sapMSLITitleOnly {
	font-size: 1rem;
	color: @sapUiListTextColor;
}

.sapMInputSuggestionPopup .sapMSLITitleOnly {
	font-size: @sapMFontMediumSize;
}

.sapMSLIInfoNone {
	color: @sapUiNeutralText;
}

.sapMListShowSeparatorsNone .sapMSLIInfoNone {
	color: @sapUiNeutralText;
}

.sapMSLIInfoError {
	color: @sapUiNegativeText;
}

.sapMSLIInfoWarning {
	color: @sapUiCriticalText;
}

.sapMSLIInfoSuccess {
	color: @sapUiPositiveText;
}

.sapMSLIIcon > .sapMLIBContent{
	margin-left: -1rem;
}

.sapMSLIIconThumb,
.sapMSLIDescNoIcon,
.sapMSLIDescIcon {
	height:	4rem;
}

.sapMSLIIconThumb > .sapMLIBSelectD,
.sapMSLIDescNoIcon > .sapMLIBSelectD,
.sapMSLIDescIcon > .sapMLIBSelectD,
.sapMSLIIconThumb > .sapMLIBImgNav,
.sapMSLIIconThumb > .sapMLIBIconDet,
.sapMSLIIconThumb > .sapMLIBSelectD > .sapMLIBIconDel,
.sapMSLIDescNoIcon > .sapMLIBImgNav,
.sapMSLIDescNoIcon > .sapMLIBIconDet,
.sapMSLIDescNoIcon > .sapMLIBSelectD > .sapMLIBIconDel,
.sapMSLIDescIcon > .sapMLIBImgNav,
.sapMSLIDescIcon > .sapMLIBIconDet,
.sapMSLIDescIcon > .sapMLIBSelectD > .sapMLIBIconDel {
	height: 4rem;
	line-height: 4rem;
}

.sapMSLIIconThumb > .sapMLIBContent,
.sapMSLIDescIcon > .sapMLIBContent{
	padding: 0.5rem 0 0.5rem 1rem;
}

.sapMSLINoDescIcon > .sapMLIBContent{
	padding-left: 1rem;
}

.sapMLIBActive .sapMSLITitle,
.sapMLIBActive .sapMSLIDescription,
.sapMLIBActive .sapMSLITitleOnly {
	color: @sapUiListActiveTextColor;
}

/* Compact size */
.sapUiSizeCompact{
	.sapMSLI {
		height: 2rem;
	}

	.sapMSLIImgIcon,
	.sapMSLIImgThumbIcon {
		height: 2rem;
		line-height: 2rem;
	}

	.sapMSLIIconThumb,
	.sapMSLIDescNoIcon,
	.sapMSLIDescIcon {
		height: 4rem;
	}

	.sapMSLITitleOnly {
		font-size: @sapMFontMediumSize;
	}
}
/* END "StandardListItem.less" */

/* START "StandardTreeItem.less" */
/* ======================================= */
/* CSS for control sap.m/StandardTreeItem  */
/* Base theme                              */
/* ======================================= */

.sapMSTIIcon {
	margin: 0.5rem 0.75rem 0.5rem 0rem;
	color: @sapUiContentNonInteractiveIconColor;
	font-size: 1rem;
	height: 1rem;
	width: 1rem;
	vertical-align: middle;
	flex-shrink: 0;
}
/* END "StandardTreeItem.less" */

/* START "StandardTile.less" */
/* =================================== */
/* CSS for control sap.m/StandardTile  */
/* Base theme                          */
/* =================================== */

.sapMStdTileTopRow {
	height: 4rem;
	padding: 1rem 1rem 0 1rem;
	margin-bottom: 1rem;
}

.sapMStdTileIconDiv {
	display: inline-block;
	float: left;
}

.sapMStdTileNumDiv {
	display: inline-block;
	float: right;
	width: 7.5rem;
	height: 4rem;
}

.sapMStdTileNum,
.sapMStdTileNumM,
.sapMStdTileNumS {
	white-space: nowrap;
	overflow: hidden;
	text-align: right;
	line-height: 1em;
	font-family: @sapUiFontCondensedFamily;
	font-stretch: condensed; /* for Firefox */
	color: @sapUiContentLabelColor;
}

.sapMStdTileNum {
	font-size: 3rem;
	margin-top: -.437rem;
}

.sapMStdTileNumM {
	font-size: 2.25rem;
	margin-top: -.25rem;
}

.sapMStdTileNumS {
	font-size: 1.5rem;
	margin-top: -.125rem;
}

.sapMStdTileNumUnit {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
	text-transform: uppercase;
	font-size: 0.875rem;
}

.sapMStdTileTitle {
	line-height: 1.4rem;
	vertical-align: top;
	text-align: left;
	font-size: 1rem;
	height: 4rem;
	width: 100%;
	overflow: hidden;
	word-break: break-word;
}

html[dir=rtl] .sapMStdTileTitle{
	text-align: right;
}

.sapMStdTileInfo {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: right;
	font-size: 0.875rem;
	margin-top: 2rem;
}

html[dir=rtl] .sapMStdTileNum,
html[dir=rtl] .sapMStdTileNumM,
html[dir=rtl] .sapMStdTileNumS,
html[dir=rtl] .sapMStdTileNumUnit,
html[dir=rtl] .sapMStdTileInfo{
	text-align: left;
}

.sapMStdTileBottomRow {
	height: 7rem;
	padding: 0 1rem 1rem 1rem;
}

.sapMStdTileMonitorType {
	margin-top: -2rem;
	padding-top: 2rem;
	background-color: @sapUiTileBackground;
}

.sapMStdTileBottomRow .sapMStdTileMonitorType {
	height: 10rem;
}

html.sap-phone .sapMStdTileTopRow {
	height: 3rem;
	margin-bottom: 0;
}

html.sap-phone .sapMStdTileNumDiv {
	width: 5rem;
	height: 3rem;
}

html.sap-phone .sapMStdTileNumUnit {
	font-size: 0.75rem;
}

html.sap-phone .sapMStdTileBottomRow {
	height: 5rem;
}

html.sap-phone .sapMStdTileMonitorType {
	margin-top: -1rem;
	padding-top: 1rem;
}

html.sap-phone .sapMStdTileTitle {
	line-height: 1.2rem;
	font-size: .875rem;
	height: 4rem;
	margin-bottom: 0;
}

html.sap-phone .sapMStdTileInfo {
	height: 1rem;
	font-size: 0.75rem;
	width: 100%;
	margin-top: 0;
}

html.sap-phone .sapMStdTileNum {
	font-size: 2.375rem;
}

html.sap-phone .sapMStdTileNumM {
	font-size: 1.5rem;
}

html.sap-phone .sapMStdTileNumS {
	font-size:  1rem;
}

.sapMStdTileIconDiv,
.sapMStdTileTitle {
	color: @sapUiTileTitleTextColor;
}

.sapMStdIconMonitor {
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMStdIconCreate {
	color: @sapUiContentNonInteractiveIconColor;
}

.sapMStdTileNumUnit {
	color: @sapUiContentLabelColor;
	text-transform: uppercase;
}

.sapMStdTileInfo {
	color: @sapUiContentLabelColor;
}

.sapMStdTileInfoError {
	color: @sapUiNegativeText;
}

.sapMStdTileInfoWarning {
	color: @sapUiCriticalText;
}

.sapMStdTileInfoSuccess {
	color: @sapUiPositiveText;
}

.sapMTileActive-CTX .sapMStdIconCreate {
	opacity: 1;
}

.sapMTileActive-CTX .sapMStdTileInfoWarning,
.sapMTileActive-CTX .sapMStdTileInfoSuccess,
.sapMTileActive-CTX .sapMStdTileInfoError,
.sapMTileActive-CTX .sapMStdTileTitle,
.sapMTileActive-CTX .sapMStdTileNumUnit,
.sapMTileActive-CTX .sapMStdTileNum,
.sapMTileActive-CTX .sapMStdTileNumM,
.sapMTileActive-CTX .sapMStdTileNumS,
.sapMTileActive-CTX .sapMStdTileInfo,
.sapMTileActive-CTX .sapMStdTileMonitorType {
	color: @sapUiContentContrastTextColor;
}

.sapMTileActive-CTX .sapMStdTileIconDiv,
.sapMTileActive-CTX .sapMStdIconMonitor,
.sapMTileActive-CTX .sapMStdIconCreate {
	color: @sapUiContentContrastIconColor;
}
/* END "StandardTile.less" */

/* START "StepInput.less" */
/* ================================ */
/* CSS for control sap.m/StepInput  */
/* Base theme                       */
/* ================================ */

.sapMStepInput {
	display: inline-block;
	width: 100%;
	position: relative;
	outline: none;

	.sapMStepInputBtnWrapper {
		margin: 0 0.0625rem;
		outline: none;
		position: absolute;
		z-index: 1;
		top: 0;

	&.sapMStepInputBtnDecrease {
		left: 0;
	}
	&.sapMStepInputBtnIncrease {
		right: 0;
	}
  }
}

.sapMStepInput-CTX {
	.sapMInput {
		.sapMInputBaseInner:not(.sapMInputBaseReadonlyInner) {
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			padding: 0 2.75rem;
		}
	}

	.sapMInputBaseWidthPadding {
		padding: 0;
	}

	.sapMBtn {
		padding: 0;
		height: 100%;

		.sapMBtnInner {
		min-width: 0;
		border-radius: 0;
		width: 2.375rem;

			.sapMBtnIcon {
				font-size: 1rem;
			}
		}
	}

	&.sapMStepInputError, &.sapMStepInputWarning {
		.sapMInput .sapMInputBaseInner {
			padding: 0 2.5rem;
		}
		.sapMBtn .sapMBtnInner {
			width: 2.25rem;
		}
	}
}

.sapUiSizeCompact .sapMStepInput-CTX {
	.sapMInput .sapMInputBaseInner:not(.sapMInputBaseReadonlyInner) {
		padding: 0 1.75rem;
  }

	.sapMInputBaseWidthPadding {
		padding: 0;
  }

	.sapMBtn .sapMBtnInner {
		width: 1.5rem;

	.sapMBtnIcon {
		margin: 0;
		font-size: 0.875rem;
	}
  }

	&.sapMStepInputError, &.sapMStepInputWarning {
		.sapMInput .sapMInputBaseInner {
			padding: 0 1.625rem;
		}

		.sapMBtn .sapMBtnInner {
			width: 1.375rem;
		}
	}
}
/* END "StepInput.less" */

/* START "SuggestionItem.less" */
/* ===================================== */
/* CSS for control sap.m/SuggestionItem  */
/* Base theme                            */
/* ===================================== */

.sapMSuggestionItemIcon {
	margin-right: 0.5rem;
	margin-left: -0.5rem;
}
/* END "SuggestionItem.less" */

/* START "Support.less" */
/* ============================== */
/* CSS for control sap.m/Support  */
/* Base theme                     */
/* ============================== */

html.sap-phone .sapMSupport .sapMDialogScrollCont {
	padding : 0;
}

.sapMSupport .sapUiSupportLabel{
	font-weight: bold;
}

.sapMSupport .sapUiSupportTechInfoBorder {
	border: 1px solid @sapUiListBorderColor;
}

.sapMSupport .sapUiSupportTxtFld,
.sapMSupport .sapUiSupportBtn {
	border: 1px solid @sapUiFieldBorderColor;
	font-size: 14px;
	height: 22px;
	box-sizing: border-box;
	margin-left:10px;
}

.sapMSupport .sapUiSupportTxtArea {
	width: 100%;
	height: 50px;
	margin-top: 5px;
	resize: none;
	box-sizing: border-box;
}

.sapMSupport .sapUiSupportPnlLbl {
	display: block;
}

.sapMSupport .sapUiSupportDiv {
	margin-top: 5px;
}

.sapMSupport .sapUiSupportTxtFld {
	background-color: @sapUiFieldBackground;
	padding: 1px;
}

.sapMSupport .sapUiSupportTxtFld:focus {
	outline: 1px dashed @sapUiContentFocusColor;
	outline-offset: 2px;
}

.sapMSupport .sapUiSupportBtn {
	background-color: @sapUiButtonBackground;
	border-color: @sapUiButtonBorderColor;
	padding-bottom: 3px;
	cursor: pointer;
}

.sapMSupport .sapUiSupportBtn:focus,
.sapMSupport .sapUiSupportBtn.sapUiSupportRunningTrace {
	outline: 1px dashed @sapUiContentFocusColor;
	outline-offset: 2px;
}

.sapMSupport .sapUiSupportBtn.sapUiSupportRunningTrace {
	cursor: default;
}
/* END "Support.less" */

/* START "Switch.less" */
/* ============================= */
/* CSS for control sap.m/Switch  */
/* Base theme                    */
/* ============================= */

/* ------------------------------ */
/* Switch required variables      */
/* ------------------------------ */

@sapMSwitch-ONPOSITION: -32;
@sapMSwitch-OFFPOSITION: 0;
@sapMSwitch-TRANSITIONTIME: 175;

/* ------------------------------ */
/* Switch common styles           */
/* ------------------------------ */

.sapMSwtText,
.sapMSwtHandle,
.sapMSwtInner {
	position: absolute;
}

.sapMSwtCont,
.sapMSwt {
	position: relative;
}

.sapMSwtText,
.sapMSwtAcceptReject .sapMSwtHandle {
	box-sizing: border-box;
}

/* ------------------------------ */
/* Switch container               */
/* ------------------------------ */

.sapMSwtCont {
	display: inline-block;
	vertical-align: top;
	outline: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0.5rem 0 0.5rem 0;
}

.sapMSwtCont:not(.sapMSwtContDisabled) {
	cursor: pointer;
}

.sapMSwtCont > input {
	display: none;
}

/* ------------------------------ */
/* Switch                         */
/* ------------------------------ */

.sapMSwt {
	outline: none;

	/* IE Windows 8 */
	/* This elements receives events when not panning in vertial direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;

	width: 4rem;
	height: 2rem;

	/* use px instead of rem, borders sized in "rem" disappear when the page is zoomed out in Chrome. */
	border: 1px solid;

	/* note: some browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-radius" shorthand property
	but does support the long-hand properties for each corner like "border-top-left-radius" */
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	border-bottom-left-radius: 1rem;
	overflow: hidden;
}

/* background */

.sapMSwtOn:not(.sapMSwtAcceptReject) {
	background: @sapUiToggleButtonPressedBackground;
	border-color: @sapUiToggleButtonPressedBorderColor;
}

.sapMSwtOff:not(.sapMSwtAcceptReject) {
	background: @sapUiButtonBackground;
	border-color: @sapUiButtonBorderColor;
}

/* hover */

.sapMSwt.sapMSwtHoverable:hover {
	background: @sapUiButtonHoverBackground;
}

.sapMSwt.sapMSwtHoverable:not(.sapMSwtAcceptReject):hover {
	border-color: @sapUiButtonHoverBorderColor;
}

.sapMSwtHoverable.sapMSwtOn:not(.sapMSwtAcceptReject):hover {
	background: @sapUiToggleButtonPressedHoverBackground;
	border-color: @sapUiToggleButtonPressedHoverBorderColor;
}

/* focus */

.sapMSwtDisabled:focus {
	outline: none;
}

/* ------------------------------ */
/* Switch inner                   */
/* ------------------------------ */

.sapMSwtInner {
	width: 100%;
	height: 100%;
}

.sapMSwtOff > .sapMSwtInner {
	left: -2rem;
}

.sapMSwtOn > .sapMSwtInner {
	left: 0;
}

/* CSS transitions */

.sapMSwtTrans > .sapMSwtInner {
	-webkit-transition: left 0.125s ease-in-out;
	transition: left 0.125s ease-in-out;
}

html[dir=rtl] .sapMSwtTrans > .sapMSwtInner {
	-webkit-transition-property: right;
	transition-property: right;
}

/* ------------------------------ */
/* Switch text                    */
/* ------------------------------ */

.sapMSwtText {
	text-align: center;
	font-size: @sapMFontSmallSize;
	width: 100%;
	line-height: 2rem;
}

.sapMSwtLabel {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 1.875rem;
	padding: 0 0.1875rem;
	text-transform: uppercase;
	line-height: inherit;
}

.sapMSwtOn .sapMSwtText {
	color: @sapUiToggleButtonPressedTextColor;
}

.sapMSwtOff .sapMSwtText {
	color: @sapUiContentLabelColor;
}

.sapMSwtTextOff {
	left: 2rem;
}

.sapMSwtLabelOff {
	float: right;
}

/* ------------------------------ */
/* Switch handler                 */
/* ------------------------------ */

.sapMSwtHandle {
	display: block;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 1.5rem;
	height: 1.5rem;
	left: 2.25rem;

	// note: some browsers like Samsung Galaxy S4 with Android 4.2 does not support the "border-radius" shorthand property
	// but does support the long-hand properties for each corner like "border-top-left-radius"
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
	border-bottom-right-radius: 0.75rem;
	border-bottom-left-radius: 0.75rem;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
}

/* background */

.sapMSwtOn .sapMSwtHandle {
	background: transparent;
	box-sizing: border-box;
	border: 2px solid contrast(@sapUiToggleButtonPressedBackground, @sapUiContentIconColor, @sapUiContentContrastIconColor, @sapUiContentContrastTextThreshold);
}

.sapMSwtOff .sapMSwtHandle {
	background: transparent;
	box-sizing: border-box;
	border: 2px solid @sapUiButtonBorderColor;
}

/* ====================================================== */
/* switch type "AcceptReject"                             */
/* ====================================================== */

/* ----------------------------------------- */
/* Switch type "AcceptReject" common styles  */
/* ----------------------------------------- */

/* background */

.sapMSwtAcceptReject.sapMSwtOn {
	border-color: @sapUiPositiveElement;
}

.sapMSwtAcceptReject.sapMSwtOff {
	border-color: @sapUiNegativeElement;
}

/* ------------------------------ */
/* Switch                         */
/* ------------------------------ */

/* background */

.sapMSwtAcceptReject.sapMSwt {
	background: @sapUiButtonBackground;
}

/* ------------------------------ */
/* Switch text                    */
/* ------------------------------ */

.sapMSwtAcceptReject .sapMSwtLabelOn::before,
.sapMSwtAcceptReject .sapMSwtLabelOff::before {
	font-family: 'SAP-icons';
	speak: none;
}

/* icon fonts */

.sapMSwtAcceptReject .sapMSwtLabel {
	font-size: @sapMFontLargeSize;
}

.sapMSwtAcceptReject .sapMSwtLabelOn::before {
	content: "\e05b";
	color: @sapUiPositiveElement;
}

.sapMSwtAcceptReject .sapMSwtLabelOff::before {
	content: "\e03e";
	color: @sapUiNegativeElement;
}

/* ------------------------------ */
/* Switch handler                 */
/* ------------------------------ */

.sapMSwtAcceptReject .sapMSwtHandle {
	background: transparent;
	border-style: solid;
	border-width: 0.125rem;
}

.sapMSwtAcceptReject.sapMSwtOn .sapMSwtHandle {
	border-color: @sapUiPositiveElement;
}

.sapMSwtAcceptReject.sapMSwtOff .sapMSwtHandle {
	border-color: @sapUiNegativeElement;
}

/* ============ */
/* compact size */
/* ============ */

/* ------------------------------ */
/* Switch container               */
/* ------------------------------ */

.sapUiSizeCompact .sapMSwtCont {
	padding-top: 0.125rem;
	padding-bottom: 0.125rem;
}

/* ------------------------------ */
/* Switch                         */
/* ------------------------------ */

.sapUiSizeCompact .sapMSwt {
	width: 3.5rem;
	height: 1.625rem;
}

/* ------------------------------ */
/* Switch text                    */
/* ------------------------------ */

.sapUiSizeCompact .sapMSwtText {
	line-height: 1.625rem;
}

/* ------------------------------ */
/* Switch handler                 */
/* ------------------------------ */

.sapUiSizeCompact .sapMSwtHandle {
	height: 1rem;
	width: 1rem;
}
/* END "Switch.less" */

/* START "TabContainer.less" */
/* =================================== */
/* CSS for control sap.m/TabContainer  */
/* Base theme                          */
/* =================================== */

.sapMTabContainer {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 100%;
	.sapMTabContainerContent {
		position: relative;
		-webkit-flex-grow: 1;
		flex-grow: 1;
		.sapMTabContainerInnerContent {
			position: absolute;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
		}
	}
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMTabContainer", ~"> .sapMTabContainerContent > .sapMTabContainerInnerContent");
/* END "TabContainer.less" */

/* START "Table.less" */
/* ============================ */
/* CSS for control sap.m/Table  */
/* Base theme                   */
/* ============================ */

.sapMListTbl {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
}

html[data-sap-ui-browser='ie11'] .sapMListTbl {
	padding: 1px; /* outline must be visible */
}

.sapMListTbl .sapMLIB {
	display: table-row;
}

.sapMListTbl th:focus,
.sapMListTbl td:focus {
	outline: none;
}

.sapMListTblCellNoData {
	text-align: center;
}

.sapMListTblHeaderNone {
	height: 0;
}

.sapMListTblCellDup > .sapMListTblCellDupCnt {
	/* hide content visually but have it available for screen readers */
	position: absolute;
	clip: rect(0, 0, 0, 0);
}

tr.sapMListTblHeaderNone > th {
	border: 0;
	margin-top: 0;
	padding-top: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}

.sapMListTblHeaderNone > .sapMListTblSelCol > .sapMCb,
.sapMListTblHeaderNone > .sapMListTblCell > * {
	display: none;
}

.sapMListTbl .sapMLabel {
	word-wrap: normal;
}

.sapMListTblNone {
	display: none;
}

.sapMListTblSelCol {
	width: 3rem;
}

.sapMListTblNavCol {
	width: 0;
}

.sapMListTblUnreadCol {
	width: 1.74rem;
}

.sapMListTblSubCnt {
	display: block;
}

.sapMListTblSubCntRow {
	overflow : hidden;
}

.sapMListTblSubCntSpr,
.sapMListTblSubCntHdr,
.sapMListTblSubCntVal {
	display: inline-block;
	vertical-align: top;
}

.sapMListTblSubCntValBlock {
	display: block;
}

.sapMListTblHighlightCol {
	width: 0;
	padding: 0;
}

.sapMListTblHighlightCol + .sapMListTblHeaderCell,
.sapMListTblHighlightCell + .sapMListTblCell {
	padding-left: 1rem;
}

.sapMListHighlight .sapMListTblHighlightCol{
	width: 0.375rem;
}

.sapMListTblHighlightCell {
	padding: 0;
	position: relative;
	overflow: hidden;
}

html[data-sap-ui-browser='ie11'] .sapMListTblHighlightCell > .sapMLIBHighlight {
	height: 40rem; /* IE11 cannot stretch the height of the cell content */
}

/* responsive table approach */
@media screen and (max-width: 1119px) {
	.sapMListTblCell.sapMSize-xxlarge{
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.sapMListTblCell.sapMSize-desktop{
		display: none;
	}
}

@media screen and (max-width: 959px) {
	.sapMListTblCell.sapMSize-xlarge{
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.sapMListTblCell.sapMSize-large{
		display: none;
	}
}

@media screen and (max-width: 599px) {
	.sapMListTblCell.sapMSize-tablet{
		display: none;
	}
}

@media screen and (max-width: 559px) {
	.sapMListTblCell.sapMSize-medium{
		display: none;
	}
}

@media screen and (max-width: 479px) {
	.sapMListTblCell.sapMSize-small{
		display: none;
	}
}

@media screen and (max-width: 319px) {
	.sapMListTblCell.sapMSize-xsmall{
		display: none;
	}
}

@media screen and (max-width: 239px) {
	.sapMListTblCell.sapMSize-xxsmall,
	.sapMListTblCell.sapMSize-phone{
		display: none;
	}
}

/* mixin call for creating container content padding classes (arguments: rootContainer, contentSelector) */
.sapUiContainerContentPadding(~".sapMListTbl");

.sapMListTblNavCol,
.sapMListTblSelCol {
	vertical-align: top;
	padding: 0;
}

.sapMListTblNavCol > .sapMLIBImgNav{
	display: block;
}

.sapMListTblSelCol {
	width: 3rem;
}

.sapMListTblNavCol .sapMLIBIconDet {
	margin-left: 0;
}

.sapMListModeSingleSelect .sapMListTblSelCol{
	padding: 0;
}

.sapMListTblSelCol > .sapMLIBSelectSL,
.sapMListTblSelCol > .sapMLIBSelectD,
.sapMListTblSelCol > .sapMLIBSelectM{
	margin: 0;
	padding: 0;
}

.sapMListTblUnreadCol{
	display: none;
}

.sapMListTbl {
	font-size: @sapUiListTableTextSize;
}

.sapMListTbl .sapMText,
.sapMListTbl .sapMLabel {
	font-size: @sapUiListTableTextSize;
	color: @sapUiListTextColor;
	font-weight: normal;
}

.sapMListTbl .sapUiIcon:not(.sapMLIBImgNav){
	font-size: @sapUiListTableIconSize;
}

.sapMListTbl .sapMLIBSelectD > .sapUiIcon {
	font-size: 1.375rem;
	padding: .75rem 0;
}

.sapMListTblCell {
	padding: .875rem .5rem;
	vertical-align: top;
	font-size: @sapUiListTableTextSize;
}

.sapMListTblCell.sapMListTblCellNoData {
	font-size: 1rem;
	padding-top: .75rem;
	padding-bottom: .75rem;
	line-height: 1.6;
	border-bottom: 1px solid @sapUiListBorderColor;
}

.sapMListTblNone:first-child + .sapMListTblCell {
	padding-left: 1rem;
}

.sapMListTblSelCol + .sapMListTblCell {
	padding-left: 0;
}

.sapMListTblCell.sapMListTblCellNoData,
.sapMListTblRow > :nth-last-child(2) {
	padding-right: 1rem;
}

.sapMListTblHasNav .sapMListTblRow > :nth-last-child(2),
.sapMListModeSingleSelect.sapMListTblHasNav .sapMListTblRow > :nth-last-child(2) {
	padding-right: 0;
}

.sapMListTblHasNav .sapMListTblNavCol{
	width: 3rem;
}

.sapMLIB.sapMListTblRow {
	border-bottom: 0;
}

.sapMListTblCell.sapMListTblCellDup{
	border-color: transparent;
}

.sapMListModeMultiSelect .sapMListTblSubCnt,
.sapMListModeSingleSelectLeft .sapMListTblSubCnt {
	padding-left: 3rem;
}

/* table column header */
.sapMListTbl th {
	background: @sapUiListHeaderBackground;
	border-bottom: 1px solid @sapUiListHeaderBorderColor;
}

/* table footer */
.sapMListTblFooter > td {
	border-top: 1px solid @sapUiListTableFooterBorder;
}

/* footer text should be bold */
.sapMListTblFooter .sapMText,
.sapMListTblFooter .sapMLabel {
	font-weight: bold;
}

/********** COMPACT DESIGN ************/

/* overwite cell style */
.sapUiSizeCompact .sapMListTblCell {
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
}

.sapUiSizeCompact .sapMListTblCell.sapMListTblCellNoData {
	font-size: @sapUiListTableTextSize;
}

/* overwrite text control styles */
.sapUiSizeCompact .sapMListTblCell > .sapMLnk,
.sapUiSizeCompact .sapMListTblCell > .sapMText,
.sapUiSizeCompact .sapMListTblCell > .sapMLabel,
.sapUiSizeCompact .sapMListTblCell > .sapMObjectNumber {
	vertical-align: middle;
	line-height: 1.4;
}

/* special class name to add margin to multiline contents */
.sapUiSizeCompact .sapMTableContentMargin {
	margin: .5rem 0;
}

/* navigation and selection columns are in the middle */
.sapUiSizeCompact .sapMListTblNavCol,
.sapUiSizeCompact .sapMListTblSelCol {
	vertical-align: middle;
	text-align: center;
}

/* decrease the navigation icon size */
.sapUiSizeCompact .sapMListTblNavCol > .sapMLIBImgNav{
	width : auto;
	height: 2rem;
	line-height: 2rem;
}

/* decrease the selection column width */
.sapUiSizeCompact .sapMListTblSelCol {
	width: 2.5rem;
}

/* decrease the navigation column width */
.sapUiSizeCompact .sapMListTblHasNav .sapMListTblNavCol{
	width: 2rem;
}

/* let the checkbox have its own natural size for selection column */
.sapUiSizeCompact .sapMListTblSelCol .sapMCb {
	width : auto;
}

/* min height for the table cells */
.sapUiSizeCompact .sapMListTblCell{
	height: 2rem;
}

/* table delete icon */
.sapUiSizeCompact .sapMListTbl .sapMLIBSelectD {
	width: auto;
}

.sapUiSizeCompact .sapMListTbl .sapMLIBSelectD > .sapUiIcon {
	font-size: 1rem;
	padding: 0;
}

.sapUiSizeCompact .sapMListTblNavCol .sapMLIBIconDet {
	margin-right: 0;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
}

/* align relative float left checkbox in table cell */
.sapUiSizeCompact .sapMListTblSelCol > .sapMLIBSelectS .sapMRbB,
.sapUiSizeCompact .sapMListTblSelCol >.sapMLIBSelectSL .sapMRbB {
	margin-left: 0.25rem;
	padding: 0;
}

/* reset height of cells when no header is defined */
.sapMListTblHeaderNone > .sapMListTblCell {
	height: 0;
}
/* END "Table.less" */

/* START "TablePersoDialog.less" */
/* ======================================= */
/* CSS for control sap.m/TablePersoDialog  */
/* Base theme                              */
/* ======================================= */

.sapMPersoDialogFixedBar {
	position: relative;

	.sapMPersoDialogResetBtn {
		position: absolute;
		top: 0;
		right: 0;
	}
}

.sapUiSizeCozy .sapMPersoDialogFixedBar {

	.sapMPersoDialogSelectAllCb > .sapMCbLabel {
		font-size: 1.125rem;
	}
}

.sapUiSizeCompact .sapMTB-Transparent-CTX.sapMTB.sapMPersoDialogFixedBar > :first-child {
    margin-left: 0.5rem;
}

.sapUiSizeCompact .sapMPersoDialogFixedBar .sapMCb {
    padding-left: 2.5rem;
}

/* prevent that dialog is too wide when text is too long, but not on phone */
.sapMPersoDialog:not(.sapMDialogPhone) .sapMDialogScroll {
	max-width: 25rem;
}

.sapMPersoDialogLI .sapMILILabel {
	max-width: none;
}

.sapMPersoDialogLI .sapMILIDiv {
	min-width: 5.875rem;
}

.sapMTB-Transparent-CTX.sapMTB.sapMPersoDialogFixedBar{
	padding-left: 0;
	border-bottom: 2px solid @sapUiListHeaderBorderColor;
}

.sapMTB-Transparent-CTX.sapMTB.sapMPersoDialogFixedBar > :first-child{
	margin-left: 0;
}

.sapMPersoDialogLIHeader{
	border-bottom: 0;
}
/* END "TablePersoDialog.less" */

/* START "TableSelectDialog.less" */
/* ======================================== */
/* CSS for control sap.m/TableSelectDialog  */
/* Base theme                               */
/* ======================================== */

.sapMTableSelectDialog.sapMDialog .sapMDialogScrollCont {
	padding: 0;
}

.sapMBusyIndicator.sapMTableSelectDialogBusyIndicator {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1rem;
	margin-left: -1rem;
	display: none;
}

.sapMTableSelectDialogTableHide {
	display: none;
}
/* END "TableSelectDialog.less" */

/* START "TabStrip.less" */
/* =============================== */
/* CSS for control sap.m/TabStrip  */
/* Base theme                      */
/* =============================== */

.sapMTabStrip {
	position: relative;
	height: 3rem;
	.sapMSltWithArrow {
		visibility: hidden;
	}
	&.sapMTSScrollForward .sapMSltWithArrow,
	&.sapMTSScrollForward .sapMTSRightOverflowButtons,
	&.sapMTSScrollBack .sapMTSLeftOverflowButtons {
		visibility: visible;
	}
	&:not(.sapMTSScrollForward):not(.sapMTSScrollBack) .sapMTabSelect {
		display: none;
	}
	.sapMTSLeftOverflowButtons {
		position: absolute;
		left: .5rem;
		height: 100%;
		visibility: hidden;
		width: 3rem;
		z-index: 5;
	}
	.sapMTSTabsContainer {
		height: 100%;
		white-space: nowrap;
		position: absolute;
		left: 3rem;
		right: 6rem;
		overflow: hidden;
		outline: none;
		.sapMTSTabs {
			float: left;
			height: 100%;
			margin-right: -999em;
			.sapMTabStripItem {
				position: relative;
				box-sizing: border-box;
				height: 100%;
				padding: 0 0 0 0.5625rem;
				float: left;
				cursor: pointer;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				.sapMTabStripItemLabel {
					vertical-align: middle;
					line-height: 3rem;
					&:after {
						content: '';
						vertical-align: middle;
					}
				}
				.sapMTSItemCloseBtnCnt {
					display: inline-block;
					width: 2rem;
					text-align: center;
					vertical-align: middle;
					.sapMBtn {
						opacity: 1;
					}
				}
				&.sapMTabStripItemModified {
					.sapMTabStripItemLabel:after {
						content: '*';
						vertical-align: middle;
					}
				}
			}
		}
	}
	.sapMTSRightOverflowButtons {
		position: absolute;
		right: 4.5rem;
		height: 100%;
		visibility: hidden;
		width: 3rem;
		z-index: 5;
	}
	.sapMTSTouchArea {
		height: 100%;
		position: absolute;
		right: .5rem;
	}
}

.sapUiSizeCompact .sapMTabStrip {
	.sapMTSTabs .sapMTabStripItem .sapMTSItemCloseBtnCnt {
		height: 100%;
	}
}

html[data-sap-ui-animation='on'] .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem {
	-webkit-transition: padding 0.3s;
	transition: padding 0.3s;
}

html[data-sap-ui-animation='on'] .sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem .sapMTSItemCloseBtnCnt .sapMBtn {
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

/* ============================================= */
/* Form factor compact                           */
/* ============================================= */

.sapUiSizeCompact {
	.sapMTabStrip {
		height: 2rem;
		.sapMTSTabsContainer {
			.sapMTSTabs {
				.sapMTabStripItem {
					padding: 0 1rem;
					.sapMTabStripItemLabel {
						vertical-align: middle;
						line-height: 2rem;
						&:after {
							content: '';
							vertical-align: middle;
						}
					}
					.sapMTSItemCloseBtnCnt {
						width: 1.5rem;
						position: absolute;
						right: 0;
						text-align: center;
						.sapMBtn {
							opacity: 0;
							.sapMBtnInner {
								.sapMBtnIcon {
								}
							}
						}
					}
					.sapMTabStripSelectListItemCloseBtn {
						width: 1.5rem;
						height: 100%;
					}
					&.sapMTabStripItemSelected .sapMTabStripSelectListItemCloseBtn {
						padding-top: 4px;//because of the border
					}
					&.sapMTabStripItemSelected, &:hover {
						padding: 0 1.5rem 0 0.5rem;
						.sapMTSItemCloseBtnCnt {
							.sapMBtn {
								opacity: 1;
							}
						}
					}
					&.sapMTabStripItemModified {
						.sapMTabStripItemLabel:after {
							content: '*';
							vertical-align: middle;
						}
					}
				}
			}
		}
	}
}

.sapMTabStrip {
	background: @sapUiPageHeaderBackground;
	box-shadow: inset 0 -0.125rem 0 0 @sapUiPageHeaderBorderColor;
	.sapMTSLeftOverflowButtons {
		background: linear-gradient(90deg, @sapUiPageHeaderBackground 0%, @sapUiPageHeaderBackground 75%, fade(@sapUiPageHeaderBackground, 0) 100%);
		bottom: 0.125rem;
		& .sapMBtn.sapMBtnBase {
			padding-bottom: 0rem;
		}
	}
	.sapMTSTabsContainer {
		right: 7.5rem;
		.sapMTSTabs {
			.sapMTabStripItem {
				padding: 0 0 0 0.5rem;
				background: transparent;
				color: @sapUiGroupTitleTextColor;
				.sapMTabStripItemLabel {
					font-size: @sapMFontMediumSize;
				}
				&:hover {
					color:@sapUiGroupTitleTextColor;
				}
				&.sapMTabStripItemSelected {
					color: @sapUiGroupTitleTextColor;
					border-bottom: solid 0.125rem @sapUiSelected;
				}
				&:focus {
					outline: none;
				}
				position: relative;
				&:focus::before {
					pointer-events: none;
					content: "";
					position: absolute;
					top: 0;
					left: 0;
					right: 0;
					bottom: 0;
					border: 1px dotted @sapUiContentFocusColor;
				}
			}
		}
	}
	.sapMTSRightOverflowButtons {
		background: linear-gradient(90deg, fade(@sapUiPageHeaderBackground, 0) 0%, @sapUiPageHeaderBackground 25%, @sapUiPageHeaderBackground 100%);
		bottom: 0.125rem;
		right: 5.5rem;
		& .sapMBtn.sapMBtnBase {
			padding-left: 1rem;
			padding-bottom: 0rem;
		}
	}
	.sapMTSAddNewTabBtn {
		margin-left: 0.5rem;
	}
}

.sapUiSizeCozy .sapMTabStrip{
	.sapMTSRightOverflowButtons{
		right: 6rem;
		width: 4rem;
	}
}

html.sap-phone {
	.sapMTabStrip .sapMTSTouchArea {
		position: inherit;
		right: inherit;
		
		.sapMTSSlt .sapMSltLabel{
			position: absolute;
			left: 0;
			padding: 0 0 0 1rem;
		}
		.sapMSltIcon.sapUiIcon.sapUiIconMirrorInRTL {
			position: absolute;
			right: 2.5rem;
		}
		.sapMBtn.sapMBtnBase {
			position: absolute;
			right: 0;
		}
	}
	.sapMTabStrip .sapMSltWithArrow {
		visibility: visible;
	}
}

html[data-sap-ui-browser ^= "ie"], html[data-sap-ui-browser^="ed"] {
	.sapMTabStrip .sapMTSTabsContainer .sapMTSTabs .sapMTabStripItem:focus::before {
		border-style: dashed;
	}
}
/* END "TabStrip.less" */

/* START "TabStripSelect.less" */
/* ===================================== */
/* CSS for control sap.m/TabStripSelect  */
/* Base theme                            */
/* ===================================== */

/* ------------------------------ */
/* TabStripSelect commons styles  */
/* ------------------------------ */
html.sap-desktop, html.sap-tablet {
	.sapUiSizeCompact {
		.sapMSlt.sapMTSSlt {
			margin: 0;
			height: 100%;
			width: 1.5rem;
			.sapMSltInner {
				width: 1.25rem;
				height: 1.25rem;
				.sapMSltIcon {
					border-radius: 0.30em;
					font-size: 0.75rem;
					line-height: 0.75rem;
				}
				.sapUiIcon:before {
					position: relative;
					top: 0.2rem;
				}
			}
		}
	}
	.sapMSlt.sapMTSSlt {
		float: left;
		text-align: center;
		vertical-align: middle;
		position: relative;
		height: 100%;
		width: 2rem;
		padding: 0;
		margin: 0;
		&.sapMSltInvisible {
			visibility: hidden;
		}
		.sapMSltInner {
			position: relative;
			margin: 0 auto;
			width: 1.625rem;
			height: 1.625rem;
			z-index: 6; //higher than .sapMTabStrip .sapMTSLeftOverflowButtons
			.sapMSltIcon {
				border-radius: 0.15em;
				position: absolute;
				top: 0;
				left: 0;
				height: 100%;
				width: 100%;
				font-size: 1rem;
				padding: 0;
				line-height: 1.25rem;
			}
			.sapUiIcon:before {
				font-family: "SAP-icons";
				position: relative;
				top: 0.2rem;
				content: "\e1ef"; //down arrow
			}
		}
	}
}

.sapUiSizeCompact {
	.sapMSlt.sapMTSSlt {
		margin: 0;
		height: 100%;
		width: 1.5rem;
		.sapMSltInner {
			width: 1.25rem;
			height: 1.25rem;
			.sapMSltIcon {
				border-radius: 0.30em;
				font-size: 0.75rem;
				line-height: 0.75rem;
			}
			.sapUiIcon:before {
				position: relative;
				top: 0.2rem;
			}
		}
	}
}

html.sap-phone {
	.sapMSlt.sapMTSSlt {
		height: 3rem;
		width: 100%;
		margin: 0;
		padding: 0 0 0 1rem;
		text-align: left;
		box-shadow: none;
		.sapMSltLabel {
			line-height: 3rem;
			font-size: 0.875rem;
		}
		.sapMSltInner {
			margin: 0;
			position: static;
			height: 3rem;
			width: 100%;
			.sapUiIcon {
				right: 0;
				background: @sapUiFieldBackground;
				display: inline-block;
				padding: 0;
				font-size: inherit;
			}
			.sapUiIcon:before {
				font-family: "SAP-icons";
				position: relative;
				content: "\e1ef"; //down arrow
			}
		}
		span {
			width: 1.625rem;
			height: 1.625rem;
			line-height: 1.625rem;
			margin-top: 0.5rem;
			margin-right: 0.5rem;
			border-radius: 0.15rem;
		}
	}


	.sapMSltBar.sapMTSSltBar::after {
		float: right;
		height: 1.625rem;
		min-width: 1.625rem;
		width: 1.625rem;
		line-height: 1.625rem;
		border-radius: 0.175rem;
		font-family: "SAP-icons";
		speak: none;
		content: "\e1ef"; //down arrow
		text-align: center;
		margin-top: 0.5rem;
		margin-right: 0.4rem;
		font-size: 0.85rem;
	}
	
	.sapMSltBar {
		&.sapMTSSltBar {
			.sapMInputBaseInner {
				border: none;
				background: transparent;
			}
		}
	}
}

html[dir='rtl'].sap-phone .sapMSlt.sapMTSSlt {
	text-align: right;
}

.sapMTSScrollable .sapMTSSlt {
	visibility: visible;
}

.sapMSlt.sapMTSSlt {
	.sapMSltInner .sapMSltIcon {
		width: 2.375rem;
	}
}

html.sap-desktop, html.sap-tablet {
	.sapUiSizeCompact .sapMSlt.sapMTSSlt {
		width: inherit;
		height: 1.825rem;
		padding-top: 0.1875rem;
		padding-bottom: 0.1875rem;

		.sapMSltInner {
			height: 1.625rem;
			min-width: 2rem;
			text-shadow: none;
			.sapMSltIcon {
				border-radius: 0;
				line-height: 1.5rem;
				width: 1rem;
				font-size: 1rem;
				max-height: 1.5rem;
				margin-left: 0.4375rem;
				margin-right: 0.4375rem;
				&::before {
					top: 0;
				}
			}
		}
	}
	.sapMSlt.sapMTSSlt {
		height: 2.75rem;
		margin: 0;
		padding-top: 0.25rem;
		padding-bottom: 0.25rem;
		vertical-align: top;
		border: none;
		width: 2.5rem;

		&.sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled) {
			background: none;
		}
		&.sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled) .sapMSltInner {
			background-color: @sapUiButtonLiteActiveBackground;
			border-color: @sapUiButtonLiteActiveBorderColor;
			.sapMSltIcon {
				text-shadow: none;
				color: @sapUiButtonActiveTextColor;
			}
		}

		&:hover > .sapMSltHoverable {
			background-color: @sapUiButtonLiteHoverBackground;
			border-color: @sapUiButtonLiteHoverBorderColor;
			background-image: none;
		}

		.sapMSltInner {
		/*Taken from the sap.m transparent button*/
			vertical-align: top;
			-webkit-appearance: none;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			box-sizing: border-box;

			font-family: @sapUiFontFamily;
			font-size: 0.875rem;

			height: 2.500rem;
			width: 2.500rem;
			min-width: 1rem;
			margin: 0;
			padding: 0;
			text-align: center;
			position: relative;

			//sapMBtnInner
			background-color: @sapUiButtonBackground;
			border: 1px solid @sapUiButtonBorderColor;
			border-radius: 0.2rem;
			color: @sapUiButtonTextColor;
			text-shadow: @sapUiShadowText;

			//sapMTransparentBtn
			background-image: none;
			background-color: @sapUiButtonLiteBackground;
			border-color: @sapUiButtonLiteBorderColor;
			color: @sapUiButtonLiteTextColor;

			.sapMSltIcon {
				border-radius: 0;
				display: inline-block;
				font-size: 1.375rem;
				line-height: 2.375rem;
				text-align: center;
				margin: 0;
				padding: 0;
				vertical-align: top;
				max-height: 2.375rem;
			}
			.sapUiIcon::before {
				content: "\e1f2"; //overflow
			}
		}
	}
}

.sapMSlt.sapMTSSlt {
	border: none;
	background: transparent;
}

.sapMTSSlt.sapMSltPressed > .sapMSltInner {
	background-image: none;
	background-color: @sapUiButtonActiveBackground;
	border-color: @sapUiButtonActiveBorderColor;
	color: @sapUiButtonActiveTextColor;
	text-shadow: none;
}

html.sap-phone {
	.sapMSlt.sapMTSSlt {
		.sapMSltLabel {
			color: @sapUiListTextColor;
		}
		&.sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled) {
			background: none;
		}
		&.sapMSltPressed.sapMSltIconOnly:not(.sapMSltDisabled) .sapMSltInner {
			background-color: transparent;
			background-image: none;
			color: inherit;
			.sapMSltIcon {
				text-shadow: none;
				color: @sapUiButtonActiveTextColor;
				background-color: @sapUiButtonLiteActiveBackground;
				border-color: @sapUiButtonLiteActiveBorderColor;
			}
		}

		&:hover > .sapMSltHoverable {
			background-color: @sapUiButtonLiteHoverBackground;
			border-color: @sapUiButtonLiteHoverBorderColor;
			background-image: none;
		}
		.sapMSltInner {
			height: 3rem;
			.sapMSltIcon {
				height: 2.5rem;
				margin-top: 0.25rem;
				background: inherit;
				font-size: 1.375rem;
			}
			.sapUiIcon:before {
				font-family: "SAP-icons";
				position: relative;
				content: "\e1f2"; //overflow
				line-height: 3rem;
			}
		}
	}

	.sapMSltBar {
		&.sapMTSSltBar::after {
			content: "\e1f2"; //overflow
			float: right;
			height: 2.5rem;
			line-height: 2.5rem;
			width: 2.375rem;
			margin-right: 0.5rem;
			margin-top: 0.25rem;
			margin-bottom: 0px;
			margin-left: 0px;
			vertical-align: top;
			font-size: 1.375rem;
			background: @sapUiButtonLiteActiveBackground;
			color: @sapUiButtonActiveTextColor;
			text-shadow: none;
			border: @sapUiButtonLiteActiveBorderColor;
		}
	}

	.sapMSltBar {
		&.sapMTSSltBar {
			background: @sapUiPageHeaderBackground;
			box-shadow: inset 0 -0.125rem 0 0 @sapUiPageHeaderBorderColor;
			border: none;
		}
	}

	.sapMTabStripSelectList > .sapMSelectListItemBase {
		font-size: @sapMFontMediumSize;
	}
	
	.sapMTabStripSelectList .sapMSelectListItemBasePressed .sapMTabStripSelectListItemCloseBtn .sapUiIcon {
		color: @sapUiListActiveTextColor;
	}

	.sapMSltPicker {
		.sapMTabStripSelectList .sapMSelectListItemBase {
			padding-right: 0.20rem;
			.sapMTabStripSelectListItemCloseBtn {
				width: 3rem;
			}
		}
		.sapMTabStripSelectListItemCloseBtn .sapMBtnIcon {
			font-size: 1rem;
		}
	}
}
/* END "TabStripSelect.less" */

/* START "TabStripSelectList.less" */
/* ========================================= */
/* CSS for control sap.m/TabStripSelectList  */
/* Base theme                                */
/* ========================================= */

.sapMTabStripSelectList {
	position: relative;
}

.sapMTabStripSelectList .sapMSelectListItem {
	padding: 0 0 0 1rem;
	text-overflow: inherit!important;
	white-space: inherit !important;
}

.sapMSelectListItemText, .sapMTabStripSelectListItemModified {
	height: 100%;
	float:left;
	margin: 0;
}

.sapMSltPicker .sapMBtn.sapMTabStripSelectListItemCloseBtn {
	height: 100%;
	width: 2rem;
	padding: 0;
	float: right;
}

html .sapMTabStripSelectListItemCloseBtn .sapMBtnInner {
	display: block;
	height: 1.625rem;
	min-width: 1.625rem;
	width: 1.625rem;
	padding: 0;
	margin: 0 auto;
}

.sapMTabStripSelectListItemCloseBtn .sapMBtnIcon {
	line-height: 1.45rem;
	width: 100%;
	height: 100%;
	font-size: 1rem;
}


.sapMTabStripSelectListItemModified {
	width: 1.625rem;
}

.sapMTabStripSelectList .sapMBtnInner.sapMBtnText {
	padding: 0;
}

.sapMTabStripSelectListItemCloseBtnInvisible, .sapMTabStripSelectListItemModifiedInvisible {
	visibility: hidden;
}

.sapUiSizeCompact {
	.sapMTabStripSelectListItemCloseBtn {
		.sapMSltPicker .sapMBtn.sapMTabStripSelectListItemCloseBtn  {
		  width: 1.5rem;
		}

		.sapMBtnContent {
			line-height: 1.25rem;
		}

		.sapMBtnInner  {
			height: 1.25rem;
			min-width: 1.25rem;
			width: 1.25rem;
			padding: 0;
			margin: 0 auto;
		}

		.sapMBtnIcon {
			line-height: 1.15rem;
			font-size: 0.75rem;
		}

		/* icon first is here just to override another rule */
		.sapMBtnInner.sapMBtnIconFirst {
			padding: 0;
			.sapMBtnIcon {
				margin: 0;
				padding: 0;
			}
		}
	}
}

html.sap-tablet {
	.sapMSltPicker .sapMBtn.sapMTabStripSelectListItemCloseBtn {
		width: 2rem;
		.sapMBtnInner {
			height: 1.625rem;
			min-width: 1.625rem;
			width: 1.625rem;
			.sapMBtnIcon {
				line-height: 1.45rem;
			}
		}
	}
	.sapMTabStripSelectList .sapMSelectListItem {
		height: 2.5rem;
	}
	.sapMSelectListItemText, .sapMTabStripSelectListItemModified {
		line-height: 2.5rem;
	}
}

html.sap-phone {
	div.sapMSltPicker {
		box-shadow: none;
	}
	.sapMTabStripSelectList .sapMSelectListItem {
		height: 3rem;
		padding: 0 0.25rem 0 1rem;
	}
	.sapMSelectListItemText, .sapMTabStripSelectListItemModified {
		line-height: 3rem;
	}

	.sapMSltPicker .sapMBtn.sapMTabStripSelectListItemCloseBtn  {
		width: 2rem;
	}

	.sapMTabStripSelectListItemCloseBtn .sapMBtnContent {
		line-height: 1.625rem;
	}

	.sapMTabStripSelectListItemCloseBtn .sapMBtnInner  {
		height: 1.625rem;
		min-width: 1.625rem;
		width: 1.625rem;
		padding: 0;
		margin: 0 auto;
	}
}
/* END "TabStripSelectList.less" */

/* START "Text.less" */
/* =========================== */
/* CSS for control sap.m/Text  */
/* Base theme                  */
/* =========================== */

.sapMText {
	display: inline-block;
	box-sizing: border-box;
	white-space: pre-line;
	word-wrap: break-word; /* works only if browser knows the width */
	cursor: text;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	line-height: normal;
	color: @sapUiBaseText;
}
html[data-sap-ui-browser="sf10"] {
	.sapUiVltCell, .sapuiVltCell {
		.sapMText {
			display: block;
		} 
	}
}

.sapMTextNoWrap,
.sapMTextMaxLine {
	overflow: hidden;
}

.sapMTextMaxLine {
  display: block;
}

.sapMTextNoWrap {
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal; /* overwrite */
}

.sapMTextLineClamp {
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.sapMTextBreakWord {
	/* to break all words even browser does not know the width */
	word-break: break-all;
	word-break: break-word;  /* Non standard for old webkits */
}

.sapMTextMaxWidth {
	max-width: 100%;
}

.sapMLIBActionable .sapMText {
	cursor: pointer;
}

/* Navigation List Item Context */
.sapMLIBTypeNavigation span.sapMText {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Necessary to align vertically to labels */
.sapUiForm .sapMText {
	overflow: hidden;
}

.sapUiFormEdit .sapMText {
	display: block;
	min-height: 3rem; /* for empty text */
	line-height: 1.375rem;
	padding-top: 0.8125rem;
	padding-bottom: 0.8125rem;
}

.sapMLIBActive .sapMText,
.sapMLIBActive .sapMListTblCell .sapMText,
.sapMLIBActive .sapMListTblSubCntRow .sapMText {
	color: @sapUiListActiveTextColor;
}

.sapMLIBUnread .sapMText,
.sapMLIBUnread + .sapMListTblSubRow .sapMText {
	font-family: @sapUiFontFamily;
	font-weight: bold;
}

/* Info Toolbar Context */
.sapMTB-Info-CTX .sapMText {
	font-style: italic;
	font-size: @sapMFontMediumSize;
	font-family: @sapUiFontFamily;
	color: contrast(@sapUiInfobarBackground, @sapUiListActiveTextColor, @sapUiListTextColor, @sapUiContentContrastTextThreshold);
}

/* Transparent Toolbar Context*/
.sapMTB-Transparent-CTX .sapMText {
	font-weight: @sapUiFontHeaderWeight;
	font-family: @sapUiFontHeaderFamily;
	text-shadow: 0 1px 0 @sapUiContentContrastShadowColor;
	color: @sapUiGroupTitleTextColor;
}

/* Compact size */
.sapUiSizeCompact .sapUiFormEdit .sapMText {
	min-height: 2rem; /* for empty text */
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
}

/* Condensed size / Table Specifics */
.sapUiTableCell .sapMText {
	vertical-align: middle;
}

.sapUiSizeCondensed .sapUiTableCell .sapMText {
	line-height: 1.5rem;
}

.sapUiAnalyticalTable .sapUiTableCell > .sapMText {
	width: 100%;
}

.sapUiAnalyticalTable .sapUiAnalyticalTableSum .sapUiTableCell .sapMText {
	font-weight: bold;
}

/* END "Text.less" */

/* START "TextArea.less" */
/* =============================== */
/* CSS for control sap.m/TextArea  */
/* Base theme                      */
/* =============================== */

/* uses sapMInputBase styles */

.sapMTextAreaInner {
	overflow: auto; /* remove scrollbars if not needed */
	-webkit-transform: none; /* transform is blocking scroll */
	resize: none;
}

.sapMTextArea > .sapMTextAreaInner{
	-webkit-overflow-scrolling: touch;
	line-height: 1.4;
	height: 100%;
	width: 100%;
}

.sapMTextAreaGrow {
	/* should not grow more than screen size */
	max-height: calc(~"100vh - 6rem");
	overflow: hidden;
}

.sapMInputBase.sapMTextArea {
	height: auto;
	min-width: 6rem;
	min-height: 2.5rem;
	margin: 0.25rem 0;

	& > .sapMTextAreaInner {
		padding: 0.625rem 0.75rem;
		-webkit-overflow-scrolling: touch; /* IOS only */
	}
}

.sapMInputBase.sapMTextArea.sapMInputBaseState > .sapMTextAreaInner {
	padding: 0.5625rem 0.6875rem;
}

/**** Compact Size ****/
.sapUiSizeCompact {
	.sapMInputBase.sapMTextArea {
		min-height: 1.625rem;
		margin: 0.1875rem 0;

		& > .sapMTextAreaInner {
			padding: 0.1875rem 0.5rem;
			height: auto;
		}
	}
}

.sapUiSizeCompact .sapMInputBase.sapMTextArea.sapMInputBaseState > .sapMTextAreaInner {
	padding: 0.125rem 0.4375rem;
}
/* END "TextArea.less" */

/* START "Tile.less" */
/* =========================== */
/* CSS for control sap.m/Tile  */
/* Base theme                  */
/* =========================== */

.sapMTile {
	display: inline-block;
	-webkit-transition-property: transform3d;
	-webkit-transition-duration: 0.2s;
	transition-property: transform3d;
	transition-duration: 0.2s;
	width: 12rem;
	height: 14rem;
	margin: 0.5rem;
	-webkit-touch-callout: none;
	background-color: @sapUiTileBackground;
	border: 1px solid @sapUiTileBorderColor;
	border-radius: 0.125rem;
	box-shadow: @sapUiShadowLevel0;
	/*margin:0.6em;*/ /* in case of some behavior problems uncomment this line, it was comment because the margin causes the blurring of the focus rectangle in IE9*/
}

.sapMTile * {   /* FIXME!!! (star rule with any-parent selector...) */
	-webkit-user-select: none;
	-webkit-user-drag: none;
	-moz-user-select:  -moz-none;
	-ms-user-select: none;
}

.sapMTCEditable .sapMTile {
	background-color: fade(@sapUiTileBackground, 50);
}

html[data-sap-ui-browser*='ie'] .sapMTile {
	transition-property: transform;
}

.sapMTile.sapMTileActive{
	background: @sapUiHighlight;
}

html.sap-phone .sapMTile {
	width: 8.5rem;
	height: 10rem;
	margin: 0.5rem;
}

html.sap-phone .sapMTileContent {
	width: 8.5rem;
	height: 10rem;
}

.sapMTileContent {
	overflow: hidden;
	width: 12rem;
	height: 14rem;
}

.sapMTileDrag {
	opacity : 0.8;
	z-index : 10;
	-webkit-transition-property : none;
	transition-property: none;
}

.sapMNavItemFlipping .sapMTile {
	opacity: 0.01;
}

.sapMTile:focus {
	outline: 1px dotted @sapUiContentFocusColor;
}

.sapMTile .sapMTileDrag {
	opacity : 0.6;
	box-shadow: 0px 1px 3px fade(@sapUiContentShadowColor,60);
}
/* END "Tile.less" */

/* START "TileContent.less" */
/* ================================== */
/* CSS for control sap.m/TileContent  */
/* Base theme                         */
/* ================================== */

.sapMTileCnt {
	display: inline-block;
	box-sizing: border-box;
	position: relative;
}

.sapMTileCnt.sapMFrameTypeAuto {
	height: 6.375rem;
	min-width: 10.875rem;
	max-width: 22.5rem;
}

/* TwoByOne size */
.sapMTileCnt.sapMFrameTypeTwoByOne {
	height: 6.375rem;
	width: 22.375rem;

	&.News {
		width: 22.5rem;
	}
}

/* OneByOne size */
.sapMTileCnt.sapMFrameTypeOneByOne {
	height: 6.375rem;
	width: 11rem;
}

/* Footer CSS */
.sapMTileCntFtrTxt {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: right;
	position: absolute;
	right: 0;
	left: 0;
	box-sizing: border-box;
	height: 1.1875rem;
	bottom: 0.625rem;
	margin-left: 0.9375rem;
	margin-right: 0.9375rem;
	line-height: 1.1875rem;
	font-family: @sapUiFontFamily;
	font-size: @sapMFontMediumSize;
	color: @sapUiTileTextColor;
}

html[dir=rtl] .sapMTileCntFtrTxt {
	text-align: left;
}

/* Content */
.sapMTileCntContent {
	overflow: visible;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}

.sapMTileCntContent > .sapMTcInnerMarker {
	display: inline-block;
	vertical-align: bottom;
	line-height: normal;
}

.sapMTileCntContent {
	height: 3.875rem;
	margin-bottom: 0.25rem;
	margin-top: 0.25rem;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.sapMTileCnt + .sapMTileCnt {
	margin-left: 0.5rem;
}

.sapMTileCntContent > .sapMNwC {
	background-color: inherit;
}

.sapMTileCnt.News {
	height: 6.125rem;
	margin-top: 0.3125rem;
	background-color: @sapUiTileBackground;

	.sapMTileCntContent {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.sapMTileCntFtrTxt {
		margin-left: 1rem;
		margin-right: 1rem;
	}

	.sapMTileCntContent > .sapMTcInnerMarker {
		vertical-align: top;
	}	
}

/* BREAKPOINT FOR SMALL PHONES */
@media screen and (max-width: 374px) {
	.sapMTileCnt.sapMFrameTypeAuto {
		height: 5.5rem;
		min-width: 9.125rem;
		max-width: 19rem;
	}

	.sapMTileCnt.sapMFrameTypeTwoByOne {
		height: 5.5rem;
		width: 18.875rem;

		&.News {
			width: 19rem;
		}
	}

	.sapMTileCnt.sapMFrameTypeOneByOne {
		height: 5.5rem;
		width: 9.25rem;
	}

	.sapMTileCntFtrTxt {
		height: 1.063rem;
		line-height: 1.063rem;
		bottom: 0.4375rem;
		margin-left: 0.5625rem;
		margin-right: 0.5625rem;
		font-size: @sapMFontSmallSize;
	}

	.sapMTileCntContent {
		height: 3.563rem;
		line-height: 3.563rem;
		margin-bottom: 0.25rem;
		margin-top: 0.25rem;
		padding-left: 0.5625rem;
		padding-right: 0.5625rem;
	}

	.sapMTileCnt.News {
		height: 5.25rem;

		.sapMTileCntContent {
			padding-left: 0.625rem;
			padding-right: 0.625rem;
		}

		.sapMTileCntFtrTxt {
			margin-left: 0.625rem;
			margin-right: 0.625rem;
		}
	}
}

/* END "TileContent.less" */

/* START "TileContainer.less" */
/* ==================================== */
/* CSS for control sap.m/TileContainer  */
/* Base theme                           */
/* ==================================== */

.sapMTC {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	position: relative;
	overflow: hidden;

	/* IE Windows 8 */
	/* This elements receives events when not panning in vertical direction */
	touch-action: pan-y;
	-ms-touch-action: pan-y;
}

.sapMTC .sapMTCScrl {
	padding: 0;
	position: absolute;
	left: 0;
	top: 0;
	overflow: visible;
}

.sapMTC:focus,
.sapMTC .sapMTCScroller:focus {
	outline: none;
}

.sapMTC .sapMTCCnt {
	height: 100%;
	width: 100%;
	overflow: visible;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
}

html.sap-tablet .sapMTC .sapMTCScrl,
html.sap-phone .sapMTC .sapMTCScrl {
	padding: 0;
}

.sapMTC.sapMTCEditable .sapMTCCnt {
	opacity : 1;
}

.sapMTC .sapMTCCnt.sapMTCAnim {
	-webkit-transition-property: -webkit-transform3d;
	-webkit-transition-duration: 0.4s;
	transition-property: transform3d;
	transition-duration: 0.4s;
}

.sapMTC .sapMTCPager {
	position: absolute;
	bottom: 0;
	box-sizing: border-box;
	width: 100%;
	height: 1.875rem;
	padding: 0.313rem;
	text-align: center;
}

.sapMTC .sapMTCPager SPAN {
	display: inline-block;
	background-color : @sapUiContentForegroundColor;
	border-radius: 0.25rem;
	height: 0.5rem;
	width: 0.5rem;
	margin-right: 0.5rem;
	margin-bottom: 1px;
	cursor: default;
}

.sapMTC .sapMTCBlind {
	background-color: @sapUiGroupContentBackground;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display:none;
	box-shadow: @sapUiShadowLevel1;
}

.sapMTC .sapMTCPager SPAN.sapMTCActive {
	background-color: @sapUiContentNonInteractiveIconColor;
}

.sapMTC .sapMTCScroller {
	position: absolute;
	display: none;
	top: 41%;
	border-radius: 50%;
	background-color: @sapUiButtonBackground;
	height: 3rem;
	width: 3rem;
	opacity: 0;
	cursor: default;
	-webkit-transition-property: opacity, left, right;
	-webkit-transition-duration: 0.4s;
	transition-property: opacity, left, right;
	transition-duration: 0.4s;
	box-shadow: @sapUiShadowLevel1;
	padding: 0.25rem;
	box-sizing: border-box;
}

.sapMTC .sapMTCScroller .sapMTCInner {
	background-color: @sapUiButtonBackground;
	height: 100%;
	width: 100%;
	border-radius: 50%;
	font-family: "SAP-icons";
	font-size: 1.313rem;
	vertical-align: middle;
	color: @sapUiButtonIconColor;
	padding-top: 0.5rem;
	box-sizing: border-box;
}

.sapMTC:hover .sapMTCScroller {
	opacity: 0.1;
}

.sapMTC:hover .sapMTCScroller:hover {
	opacity: 1;
}

.sapMTC .sapMTCScroller.sapMTCLeft {
	left: -100px;
}

.sapMTC .sapMTCScroller.sapMTCLeft .sapMTCInner::before {
	content: "\e067";
	padding-left: 0.813rem;
}

.sapMTC:hover .sapMTCScroller.sapMTCLeft {
	left: 1rem;
}

.sapMTC .sapMTCScroller.sapMTCRight {
	right: -100px;
}

.sapMTC:hover .sapMTCScroller.sapMTCRight {
	right: 1rem;
}

.sapMTC .sapMTCScroller.sapMTCRight .sapMTCInner::before {
	content: "\e066";
	padding-left: 1rem;
}

.sapMTC .sapMTile, .sapMTC .sapMCustomTile {
	position: absolute;
	top: 0;
	left: 0;
}

html[dir=rtl] .sapMTC .sapMTile,
html[dir=rtl] .sapMTC .sapMCustomTile{
	left: auto;
	right: 0px;
}

html.sap-tablet .sapMTC .sapMTCScroller,
html.sap-phone .sapMTC .sapMTCScroller {
	display : none;
}

.sapMTC .sapMTCRemove {
	display: none;
}

.sapMTC.sapMTCEditable .sapMTile {
	cursor: move;
	box-shadow: @sapUiShadowLevel0;
}

.sapMTC.sapMTCEditable .sapMTile .sapMTCRemove {
	position: absolute;
	display: block;
	height: 2rem;
	width: 2rem;
	border-radius: 50%;
	font-family: "SAP-icons";
	font-size: 1rem;
	line-height: 2rem;
	text-align: center;
	box-sizing: border-box;
	margin-top : -0.5rem;
	margin-left : -0.5rem;
	z-index: 1;
	cursor: default;
	background-color: @sapUiButtonBackground;
	border: 1px solid @sapUiButtonBorderColor;
	color: @sapUiButtonIconColor;
}

html[data-sap-ui-browser^="ff"] .sapMTC.sapMTCEditable .sapMTile .sapMTCRemove {
	width: 2rem;
}

.sapMTC.sapMTCEditable .sapMTile .sapMTCNoRemove {
	height: 1.5rem;
	width: 1.563rem;
	margin-top : -0.5em;
	margin-left : -0.5em;
	z-index: 1;
	visibility: hidden;
}

.sapMTC.sapMTCEditable .sapMTCRemove:hover {
	background-color: @sapUiButtonHoverBackground;
}

.sapMTC.sapMTCEditable .sapMTCRemove:active {
	background-color: @sapUiButtonActiveBackground;
	color: @sapUiButtonActiveTextColor;
}

.sapMTC.sapMTCEditable .sapMTCRemove::before {
	content: "\e03e";
}
/* END "TileContainer.less" */

/* START "TimePicker.less" */
/* ================================= */
/* CSS for control sap.m/TimePicker  */
/* Base theme                        */
/* ================================= */

/* ======================================== */
/* TimePicker Input Field                   */
/* ======================================== */

.sapMTimePicker {
	.sapUiIcon {
		cursor: pointer;
		color: @sapUiContentIconColor;
		&:hover {
			background-color: @sapUiButtonLiteHoverBackground;
		}
		&:focus {
			background-color: @sapUiButtonLiteHoverBackground;
			outline: 1px dotted @sapUiContentFocusColor;
			outline-offset: -1px;
		}
		&:active {
			background-color: @sapUiButtonLiteActiveBackground;
			color: @sapUiButtonActiveTextColor;
			outline: 1px dotted @sapUiContentContrastFocusColor;
		}
	}
	&.sapMTPInputActive {
		.sapMInputBaseInner {
			border: 1px solid @sapUiFieldActiveBorderColor;
		}
		.sapUiIcon {
			background-color: @sapUiToggleButtonPressedBackground;
			color: @sapUiToggleButtonPressedTextColor;
			&:hover {
				background-color: @sapUiToggleButtonPressedBackground;
				color: @sapUiToggleButtonPressedTextColor;
			}
			&:focus {
				background-color: @sapUiButtonLiteActiveBackground;
			}
		}
	}
}


.sapMTimePicker .sapMInputVH:not(.sapMInputBaseReadonly) .sapMInputValHelp > .sapMInputValHelpInner:hover,
.sapMTimePicker .sapMInputVH:not(.sapMInputBaseReadonly) .sapMInputValHelp > .sapMInputValHelpInner:focus {
	background-color: @sapUiToggleButtonPressedBackground;
}

.TPSliderItemHidden {
	display: none;
}

/* ======================================== */
/* TimePicker Dropdown                      */
/* ======================================== */

.sapMTimePickerDropDown {
	overflow: hidden !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-radius: 0 0 0.25rem 0.25rem !important; //Need to override this with important because of popover stronger selectors
	box-shadow: @sapUiShadowLevel1 !important; //Need to override this with important because of popover stronger selectors
	.sapMTimePickerContainer {
		height: 100%;
		min-width: 20rem;
		box-sizing: border-box;
		padding: 1rem;
		text-align: center;
		&:before {
			content: '';
			display: inline-block;
			height: 100%;
			vertical-align: middle;
		}
		.sapMTimePickerContainerLabel {
			display: none;
			box-sizing: border-box;
		}
		.sapMTPColumn {
			display: inline-block;
			overflow: hidden;
			height: 3rem;
			vertical-align: middle;
			text-align: center;
			box-sizing: border-box;
			cursor: pointer;
			.sapMTimePickerLabel {
				display: none;
				box-sizing: border-box;
				height: 2rem;
				line-height: 2rem;
				width: 4.5rem;
				text-align: center;
			}
			.sapMTimePickerItemArrows {
				display: none;
				box-sizing: border-box;
			}
			.sapMTimePickerSlider {
				overflow: hidden;
				height: 100%;
				box-sizing: border-box;
				.sapMTimePickerItem {
					height: 3rem;
					line-height: 3rem;
					width: 4.5rem;
					box-sizing: border-box;
				}
				.sapMTPPickerSelectionFrame {
					width: 4.5rem;
					height: 3rem;
					position: absolute;
					box-sizing: border-box;
					display: none;
				}
				& > ul {
					list-style: none;
					margin: 0;
					padding: 0;
				}
			}
			&.sapMTPSliderExpanded {
				height: 100%;
				cursor: default;
				margin: 0;
				.sapMTimePickerLabel {
					display: block;
				}
				.sapMTimePickerItemArrows {
					display: none;
				}
				.sapMTimePickerSlider {
					height: calc(100% - 2rem);
					max-height: 100%; //because of the SliderValuesN classes below
					.sapMTPPickerSelectionFrame {
						display: block;
					}
				}
				.sapMTimePickerSlider.SliderValues3 {
					height: 9rem;
				}
				.sapMTimePickerSlider.SliderValues4 {
					height: 12rem;
				}
				.sapMTimePickerSlider.SliderValues5 {
					height: 15rem;
				}
				.sapMTimePickerSlider.SliderValues6 {
					height: 18rem;
				}
				.sapMTimePickerSlider.SliderValues7 {
					height: 21rem;
				}
				.sapMTimePickerSlider.SliderValues8 {
					height: 24rem;
				}
				.sapMTimePickerSlider.SliderValues9 {
					height: 27rem;
				}
				.sapMTimePickerSlider.SliderValues10 {
					height: 30rem;
				}
				.sapMTimePickerSlider.SliderValues11 {
					height: 33rem;
				}
				.sapMTimePickerSlider.SliderValues12 {
					height: 36rem;
				}
			}
		}
	}
}

.sapMTimePickerDropDown {
	.sapMTimePickerContainer {
		.sapMTimePickerContainerLabel {
			font-size: @sapMFontHeader5Size;
			color: @sapUiCalendarColorToday;
		}
		.sapMTPColumn {
			.sapMTimePickerLabel {
				font-size: @sapMFontSmallSize;
				color: @sapUiContentLabelColor;
				text-align: center;
				vertical-align: middle;
			}
			.sapMTimePickerSlider {
				.sapMTimePickerItem {
					background: @sapUiSelected;
					border: 1px solid @sapUiListBorderColor;
					font-size: @sapMFontMediumSize;
					color: @sapUiContentContrastTextColor;
					text-align: center;
					&:hover {
						background: @sapUiHighlight;
						color: @sapUiContentContrastTextColor;
					}
					&:active {
						background: @sapUiHighlight;
						color: @sapUiContentContrastTextColor;
					}
					&:focus {
						outline: 1px dotted @sapUiContentContrastFocusColor;
						outline-offset: -3px;
					}
				}
			}
			&.sapMTPSliderExpanded {
				.sapMTimePickerSlider {
					.sapMTimePickerItem {
						background: @sapUiListBackground;
						color: @sapUiBaseText;
						border: 1px solid @sapUiListBorderColor;
						&:hover {
							background: @sapUiHighlight;
						}
						&:active {
							background: @sapUiHighlight;
							color: @sapUiContentContrastTextColor;
						}
						&:focus {
							outline: 1px dotted @sapUiContentFocusColor;
							outline-offset: -3px;
						}
					}
					.sapMTPPickerSelectionFrame {
						outline: 0.125rem solid @sapUiContentForegroundBorderColor;
						outline-offset: -0.313rem;
						&:hover {
							& + ul > li.sapMTimePickerItem.sapMTimePickerItemSelected {
								background: @sapUiHighlight;
							}
						}
						&:active {
							& + ul > li.sapMTimePickerItem.sapMTimePickerItemSelected {
								background: @sapUiSelected;
								color: @sapUiContentContrastTextColor;
							}
						}
					}
				}
			}
			&:focus {
				outline: none;
			}
		}
	}
}

/* ======================================== */
/* COMPACT MODE STYLES                      */
/* ======================================== */

.sapUiSizeCompact {
	
	/* ======================================== */
	/* TimePicker Dropdown                      */
	/* ======================================== */
	
	.sapMTimePickerDropDown {
		border-radius: 0 0 0.25rem 0.25rem !important; //Need to override this with important because of popover stronger selectors
		box-shadow: @sapUiShadowLevel1 !important; //Need to override this with important because of popover stronger selectors
		.sapMTimePickerContainer {
			min-width: 17rem;
			padding: 0.5rem;
			margin: auto;
			.sapMTPColumn {
				height: 2rem;
				.sapMTimePickerLabel {
					width: 4rem;
				}
				.sapMTimePickerSlider {
					.sapMTimePickerItem {
						height: 2rem;
						line-height: 2rem;
						width: 4rem;
						box-sizing: border-box;
					}
					.sapMTPPickerSelectionFrame {
						width: 4rem;
						height: 2rem;
					}
				}
				&.sapMTPSliderExpanded {
					height: 100%;
					cursor: default;
					margin: 0;
					.sapMTimePickerItemArrows {
						display: block;
					}
					.sapMTimePickerSlider {
						height: ~"calc(100% - 6rem)";
						max-height: ~"calc(100% - 6rem)";
					}
					.sapMTimePickerSlider.SliderValues3 {
						height: 6rem;
					}
					.sapMTimePickerSlider.SliderValues4 {
						height: 8rem;
					}
					.sapMTimePickerSlider.SliderValues5 {
						height: 10rem;
					}
					.sapMTimePickerSlider.SliderValues6 {
						height: 12rem;
					}
					.sapMTimePickerSlider.SliderValues7 {
						height: 14rem;
					}
					.sapMTimePickerSlider.SliderValues8 {
						height: 16rem;
					}
					.sapMTimePickerSlider.SliderValues9 {
						height: 18rem;
					}
					.sapMTimePickerSlider.SliderValues10 {
						height: 20rem;
					}
					.sapMTimePickerSlider.SliderValues11 {
						height: 22rem;
					}
					.sapMTimePickerSlider.SliderValues12 {
						height: 24rem;
					}
				}
			}
		}
	}
}

/* PHONE STYLES */
html.sap-phone {
	/* ======================================== */
	/* TimePicker Input Field                   */
	/* ======================================== */
	
	.sapMTimePicker {
		.sapUiIcon {
			color: @sapUiContentIconColor;
			&:focus {
				background-color: @sapUiButtonLiteHoverBackground;
				outline: 1px dotted @sapUiContentFocusColor;
				outline-offset: -1px;
			}
			&:active {
				background-color: @sapUiButtonLiteActiveBackground;
				color: @sapUiButtonActiveTextColor;
				outline: 1px dotted @sapUiContentContrastFocusColor;
			}
		}
		&.sapMTPInputActive {
			.sapMInputBaseInner {
				border: 1px solid @sapUiFieldActiveBorderColor;
			}
			.sapUiIcon {
				background-color: @sapUiToggleButtonPressedBackground;
				color: @sapUiToggleButtonPressedTextColor;
			}
		}
	}	
	
	/* ======================================== */
	/* TimePicker Dropdown                      */
	/* ======================================== */
	
	.sapMTimePickerDropDown {
		/* This centers content in landscape & portrait mode */
		.sapMDialogScrollCont {
			display: flex;
			height: 100%;
			padding: 0;
		}
		.sapMTimePickerContainer {
			max-height: 38rem; // 12 * item height + label's height
			height: 100%;
			padding: 1rem;
			box-sizing: border-box;
			margin: auto;
			text-align: center;
			&:before {
				content: '';
				display: inline-block;
				height: 100%;
				margin-right: -0.25rem;
				vertical-align: middle;
			}
			.sapMTimePickerContainerLabel {
				position: absolute;
				top: 0;
				left: 50%;
				transform: translate(-50%, 0);
				display: block;
				height: 2rem;
				line-height: 2rem;
				font-size: @sapMFontHeader5Size;
				color: @sapUiCalendarColorToday;
			}
			.sapMTPColumn {
				display: inline-block;
				height: 3rem;
				text-align: center;
				overflow: hidden;
				cursor: pointer;
				vertical-align: middle;
				box-sizing: border-box;
				.sapMTimePickerLabel {
					height: 2rem;
					width: 4.5rem;
					display: none;
					font-size: @sapMFontSmallSize;
					color: @sapUiContentLabelColor;
					text-align: center;
					vertical-align: middle;
				}
				.sapMTimePickerItemArrows {
					display: none;
				}
				.sapMTimePickerSlider {
					height: 100%;
					//for Android 4.1 - 4.3 calc is not supported, so use 100% instead
					max-height: 100%;
					overflow: hidden;
					.sapMTimePickerItem {
						height: 3rem;
						line-height: 3rem;
						width: 4.5rem;
						box-sizing: border-box;
						background: @sapUiSelected;
						border: 1px solid @sapUiListBorderColor;
						font-size: @sapMFontMediumSize;
						color: @sapUiContentContrastTextColor;
						text-align: center;
						&:active {
							background: @sapUiHighlight;
							color: @sapUiContentContrastTextColor;
						}
						&:focus {
							outline: 1px dotted @sapUiContentContrastFocusColor;
							outline-offset: -3px;
						}
					}
					.sapMTPPickerSelectionFrame {
						width: 4.5rem;
						height: 3rem;
						position: absolute;
						display: none;
						box-sizing: border-box;
					}
				}
				&.sapMTPSliderExpanded {
					height: 100%;
					cursor: default;
					.sapMTimePickerLabel {
						display: block;
					}
					.sapMTimePickerItemArrows {
						display: none;
					}
					.sapMTimePickerSlider {
						height: calc(100% - 2rem);
						//for Android 4.1 - 4.3 calc is not supported, so use 100% instead
						max-height: 100%;
						overflow: hidden;
						.sapMTimePickerItem {
							height: 3rem;
							line-height: 3rem;
							width: 4.5rem;
							box-sizing: border-box;
							background: @sapUiListBackground;
							color: @sapUiBaseText;
							border: 1px solid @sapUiListBorderColor;
							&:active {
								background: @sapUiHighlight;
								color: @sapUiContentContrastTextColor;
							}
							&:focus {
								outline: 1px dotted @sapUiContentFocusColor;
								outline-offset: -3px;
							}
						}
						.sapMTPPickerSelectionFrame {
							display: block;
							outline: 0.125rem solid @sapUiContentForegroundBorderColor;
							outline-offset: -0.313rem;
						}
					}
					.sapMTimePickerSlider.SliderValues3 {
						height: 9rem;
					}
					.sapMTimePickerSlider.SliderValues4 {
						height: 12rem;
					}
					.sapMTimePickerSlider.SliderValues5 {
						height: 15rem;
					}
					.sapMTimePickerSlider.SliderValues6 {
						height: 18rem;
					}
					.sapMTimePickerSlider.SliderValues7 {
						height: 21rem;
					}
					.sapMTimePickerSlider.SliderValues8 {
						height: 24rem;
					}
					.sapMTimePickerSlider.SliderValues9 {
						height: 27rem;
					}
					.sapMTimePickerSlider.SliderValues10 {
						height: 30rem;
					}
					.sapMTimePickerSlider.SliderValues11 {
						height: 33rem;
					}
					.sapMTimePickerSlider.SliderValues12 {
						height: 36rem;
					}
				}
				&:focus {
					outline: none;
				}
			}
		}
	}
}
/* END "TimePicker.less" */

/* START "Title.less" */
/* ============================ */
/* CSS for control sap.m/Title  */
/* Base theme                   */
/* ============================ */

.sapMTitle {
	position: relative;
	display: inline-block;
	margin: 0;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	font-weight: @sapUiFontHeaderWeight;
	color: @sapUiGroupTitleTextColor;
	font-family: @sapUiFontHeaderFamily;
	box-sizing: border-box;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: text;
	text-shadow: @sapUiShadowText;
}

.sapMTitleMaxWidth {
	max-width: 100%;
}


/* Alignments */

.sapMTitleAlignBegin {
	text-align: left;
	text-align: start;
}

html[dir=rtl][data-sap-ui-browser^="ie"] .sapMTitleAlignBegin,
html[dir=rtl][data-sap-ui-browser^="ed"] .sapMTitleAlignBegin {
	text-align: right;
}

.sapMTitleAlignLeft {
	text-align: left;
}

.sapMTitleAlignEnd {
	text-align: right;
	text-align: end;
}

html[dir=rtl][data-sap-ui-browser^="ie"] .sapMTitleAlignEnd,
html[dir=rtl][data-sap-ui-browser^="ed"] .sapMTitleAlignEnd {
	text-align: left;
}

.sapMTitleAlignRight {
	text-align: right;
}

.sapMTitleAlignCenter {
	text-align: center;
}


/* Level Styling */

/* Level Auto*/

.sapMTitleStyleAuto {
	font-size: @sapMFontHeader5Size;
}

.sapMTB-Transparent-CTX > .sapMTitleTB.sapMTitleStyleAuto {
	font-size: @sapMFontHeader4Size;
}

.sapMTB-Info-CTX > .sapMTitle {
	font-size: @sapMFontHeader6Size;
	font-style: italic;
	text-shadow: none;
	color: @sapUiContentContrastTextColor;
}

/* Level H1 */

.sapMTitleStyleH1 {
	font-size: @sapMFontHeader1Size;
}

/* Level H2 */

.sapMTitleStyleH2 {
	font-size: @sapMFontHeader2Size;
}

/* Level H3 */

.sapMTitleStyleH3 {
	font-size: @sapMFontHeader3Size;
}

/* Level H4 */

.sapMTitleStyleH4 {
	font-size: @sapMFontHeader4Size;
}

/* Level H5 */

.sapMTitleStyleH5 {
	font-size: @sapMFontHeader5Size;
}

/* Level H6 */

.sapMTitleStyleH6 {
	font-size: @sapMFontHeader6Size;
}

.sapMIBar-CTX .sapMTitle {
	color: @sapUiPageHeaderTextColor;
	text-shadow: @sapUiShadowText;
}

.sapMTB-Transparent-CTX .sapMTitle {
	text-shadow: none;
}

.sapMIBar-CTX.sapMFooter-CTX .sapMTitle {
	color: @sapUiPageFooterTextColor;
	text-shadow: @sapUiShadowText;
}
/* END "Title.less" */

/* START "ToggleButton.less" */
/* =================================== */
/* CSS for control sap.m/ToggleButton  */
/* Base theme                          */
/* =================================== */

/************************************/
/* Common styles        */
/************************************/
/* toggled without context */
html.sap-desktop .sapMToggleBtnPressed,
.sapMToggleBtnPressed:not(.sapMBtnDisabled),
/* Bar context*/
html.sap-desktop .sapMIBar-CTX .sapMToggleBtnPressed,
.sapMIBar-CTX .sapMToggleBtnPressed:not(.sapMBtnDisabled),
/* Toolbar transparent context */
html.sap-desktop .sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed,
.sapMTB-Transparent-CTX .sapMBtnInner.sapMToggleBtnPressed:not(.sapMBtnDisabled) {
	background-image: none;
	background-color: @sapUiToggleButtonPressedBackground;
	border-color: @sapUiToggleButtonPressedBorderColor;
	color: @sapUiToggleButtonPressedTextColor;
	text-shadow: none;
	&.sapMBtnReject {
		background-color: @sapUiButtonRejectActiveBackground;
		border-color: @sapUiButtonRejectActiveBorderColor;
		color: @sapUiToggleButtonPressedTextColor;
	}
	&.sapMBtnAccept {
		background-color: @sapUiButtonAcceptActiveBackground;
		border-color: @sapUiButtonAcceptActiveBorderColor;
		color: @sapUiToggleButtonPressedTextColor;
	}
}

/*hover and down on toggled*/
.sapMBtn:hover .sapMBtnHoverable.sapMToggleBtnPressed, /*in Firefox the button receives the hover state, not it's inner child */
.sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover,
/* Toolbar transparent context*/
.sapMTB-Transparent-CTX .sapMBtnHoverable.sapMToggleBtnPressed:hover {
	background-image: none;
	background-color: @sapUiToggleButtonPressedHoverBackground;
}

/* toggled - icon has to be adapted */
span.sapMBtnInner.sapMToggleBtnPressed .sapMBtnIcon,
span.sapMBtnInner.sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon,
html.sap-desktop .sapMToggleBtnPressed.sapMBtnTransparent > .sapMBtnIcon {
	color: @sapUiToggleButtonPressedTextColor;
}

/* Focus of toggled button */
.sapMBtn:focus > .sapMBtnInner.sapMToggleBtnPressed.sapMFocusable {
	outline-color: @sapUiContentContrastFocusColor;
}

/* IE && Edge */
.sapMBtn:focus > .sapMToggleBtnPressed > .sapMBtnFocusDiv {
	border-color: @sapUiContentContrastFocusColor;
}

/************************************/
/* Bar context                      */
/************************************/

/* hover and down on toggled button part 1*/
.sapMFooter-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive),
.sapMIBar-CTX .sapMBtn:hover > .sapMBtnHoverable.sapMToggleBtnPressed:not(.sapMBtnActive),
.sapMBarChild .sapMBtn  .sapMBtnHoverable.sapMToggleBtnPressed:hover,
.sapMIBar-CTX .sapMBtn .sapMBtnHoverable.sapMToggleBtnPressed:hover {
	background-color: @sapUiToggleButtonPressedHoverBackground;
	border-color: @sapUiToggleButtonPressedBorderColor;
	color: @sapUiToggleButtonPressedTextColor;
	text-shadow: none;
	&.sapMBtnReject {
		background-color: darken(@sapUiButtonRejectActiveBackground, 5);
		border-color: @sapUiButtonRejectActiveBorderColor;
		color: @sapUiToggleButtonPressedTextColor;
	}
	&.sapMBtnAccept {
		background-color: darken(@sapUiButtonAcceptActiveBackground, 5);
		border-color: @sapUiButtonAcceptActiveBorderColor;
		color: @sapUiToggleButtonPressedTextColor;
	}
}
/* END "ToggleButton.less" */

/* START "Token.less" */
/* ============================ */
/* CSS for control sap.m/Token  */
/* Base theme                   */
/* ============================ */

@_sap_m_Token_TokenPadding: 0.5rem;
@_sap_m_Token_TokenSize: @sapMFontLargeSize + (2 * @_sap_m_Token_TokenPadding);

.sapMToken {
	display: inline-block;
	overflow: hidden;
	box-sizing: border-box;
	font-size: @sapMFontMediumSize;
	padding-left: 0.375rem;
	height: 1.625rem;
	background: @sapUiButtonBackground;
	border: 1px solid @sapUiButtonBorderColor;
	border-radius: 0.125rem;
	color: @sapUiButtonTextColor;
}

.sapMToken.sapMTokenReadOnly {
	padding: 0 0.375rem;
	color: @sapUiContentForegroundTextColor;
}

html.sap-desktop .sapMToken:hover {
	background: @sapUiButtonHoverBackground;
	border: 1px solid @sapUiButtonHoverBorderColor;
	border-radius: 0.125rem;
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMToken:focus {
		position: relative;
		outline: none;

		.sapMTokenText:before {
			position: absolute;
			top: 2px;
			left: 2px;
			right: 2px;
			bottom: 2px;
			content: "";
			pointer-events: none;
		}
	}
}

.sapMTokenText {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

	// at least for Microsoft Surface Tablet we experienced problems when not setting these properties - touches on the Token seemed to be propageted to the Span inside the Token-Div and thereby (part of) the text contained in the Span would appear selected
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	pointer-events: none;

	line-height: 1.5rem;
	max-width: calc(~"100% - " @_sap_m_Token_TokenSize);
	box-sizing: border-box;
}

.sapUiSizeCompact .sapMTokenText {
	max-width: calc(~"100% - 1.125rem");
}

.sapMTokenReadOnly .sapMTokenText,
.sapMTokenizerReadonly .sapMTokenText {
	max-width: 100%;
}

.sapMTokenIcon {
	vertical-align: top;
	display: inline-block;
	line-height: 1.5rem;
	padding: 0 0.5rem;
	font-size: @sapMFontLargeSize;
	box-sizing: border-box;
}

html[data-sap-ui-browser^="ie"].sap-desktop .sapMTokenIcon,
html[data-sap-ui-browser^="ed"].sap-desktop .sapMTokenIcon {
	line-height: 1.625rem;
}

.sapUiSizeCompact .sapMToken {
	font-size: @sapMFontSmallSize;
	padding-left: 0.25rem;
	height: 1.25rem;
}

.sapUiSizeCompact .sapMToken.sapMTokenReadOnly {
	padding: 0 0.25rem;
}

.sapUiSizeCompact .sapMTokenText {
	line-height: 1.125rem;
}

.sapUiSizeCompact .sapMTokenIcon {
	font-size: @sapMFontSmallSize;
	padding: 0 0.25rem;
	line-height: 1.125rem;
}

html[data-sap-ui-browser^="ie"].sap-desktop .sapUiSizeCompact .sapMTokenIcon,
html[data-sap-ui-browser^="ed"].sap-desktop .sapUiSizeCompact .sapMTokenIcon {
	line-height: 1.125rem;
}

html.sap-desktop .sapMToken.sapMTokenSelected:hover {
	background: @sapUiToggleButtonPressedHoverBackground;
	border: 1px solid @sapUiToggleButtonPressedHoverBorderColor;
	border-radius: 0.125rem;
}

.sapMTokenSelected,
.sapMToken.sapMTokenReadOnly.sapMTokenSelected {
	color: @sapUiToggleButtonPressedTextColor;
	background: @sapUiToggleButtonPressedBackground;
	border: 1px solid @sapUiToggleButtonPressedBorderColor;
	border-radius: 0.125rem;
}

.sapMTokenSelected .sapMTokenIcon {
	color: @sapUiToggleButtonPressedTextColor;
}

.sapMTokenIcon {
	color: @sapUiContentIconColor;
}

.sapUiSizeCompact .sapMListTbl .sapMToken .sapUiIcon:not(.sapMLIBImgNav) {
	font-size: 0.75rem;
}
/* END "Token.less" */

/* START "Tokenizer.less" */
/* ================================ */
/* CSS for control sap.m/Tokenizer  */
/* Base theme                       */
/* ================================ */

.sapMTokenizer {
	position: relative;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
}

.sapMTokenizer .sapMToken {
	margin-top: 0.375rem;
	margin-bottom: 0.125rem;
	margin-right: 0.375rem;
	line-height: normal;
	max-width: calc(~"100% - 0.375rem");
}

.sapMTokenizer.sapMTokenizerReadonly {
	.sapMToken {
		padding: 0 0.375rem;
	}

	.sapMTokenIcon {
		display: none;
	}
}

.sapMTokenizerClip {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	display: block;
	font-size: 1px;
	z-index: -1;
	color: transparent;
	background: transparent;
	overflow: hidden;
	border: none;
	padding: 0;
	resize: none;
	outline: none;
	-webkit-user-select: text;
	user-select: text;
}

.sapMTokenTruncate {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
}

.sapMTokenTruncate > .sapMTokenIcon {
	position: absolute;
	right: 0;
}

.sapMTokenTruncate > .sapMTokenText {
	line-height: 1.625rem;
	display: inline-block;
	width: calc(~"100% - 2rem");
}

.sapUiSizeCompact .sapMTokenizer .sapMToken {
	height: 1.25rem;
	margin-top: 0.125rem;
	margin-bottom: 0.125rem;
	margin-right: 0.25rem;
	max-width: calc(~"100% - 0.25rem");
}

.sapUiSizeCompact .sapMTokenTruncate > .sapMTokenText {
	line-height: 1.25rem;
	width: calc(~"100% - 1.25rem");
}

.sapMTokenizerScrollContainer {
	width: 100%;
	display: inline-block;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

html[data-sap-ui-browser^="ie"].sap-desktop,
html[data-sap-ui-browser^="ed"].sap-desktop {
	.sapMTokenizer:focus {
		outline: none;

		&:before {
			position: absolute;
			top: 2px;
			left: 2px;
			right: 2px;
			bottom: 2px;
			content: "";
			pointer-events: none;
		}
	}
}
/* END "Tokenizer.less" */

/* START "Toolbar.less" */
/* ============================== */
/* CSS for control sap.m/Toolbar  */
/* Base theme                     */
/* ============================== */

.sapMIBar.sapMTB  .sapMBarChild {
  margin-right: 0.25rem;
}

.sapMTB {
	white-space: nowrap;
	overflow: hidden;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	height: 3rem;
	background: @sapUiToolbarBackground;
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
}

.sapMTB:focus {
	outline: 0;
}

/* Transparent Toolbar Context */
.sapMTB-Transparent-CTX.sapMTB {
	padding-left: 0.75rem;
}

/* Info Toolbar Context */
.sapMIBar.sapMTB.sapMTB-Info-CTX.sapMTB > *,
.sapMIBar.sapMTB.sapMTB-Info-CTX.sapMTB > :first-child,
.sapMIBar.sapMTB.sapMTB-Info-CTX.sapMTB > :last-child {
	margin: 0 .5rem;
}

.sapMIBar.sapMTB.sapMTB-Info-CTX > .sapUiIcon {
  padding-left: 0.5rem;
}

.sapMTBActive,
.sapMTBActive > * {
	cursor: pointer;
}

.sapMTBShrinkItem {
	min-width: 2.5rem; /* default min-width value for the shrinkable items */
}

/* NewFlex */
.sapMTBNewFlex {
	display: -webkit-flex;
	display: flex;
}

.sapMTBNewFlex > * {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

.sapMTBNewFlex > .sapMTBShrinkItem {
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
}

/* OldFlex */
.sapMTBOldFlex {
	display: -webkit-box;
}

.sapMTBOldFlex > .sapMTBShrinkItem:not(.sapMFlexBox) {
	/* old flex spec does not honour percentual width for non-block level elements */
	/* @TODO: can we set the display of unknown item */
	display: block;
}

.sapMTBOldFlex.sapMTBOverflow > .sapMTBShrinkItem {
	/* shrinking hack for the old flex spec */
	-webkit-box-flex: 1;
}

.sapMTB.sapMTBOldFlex > * {
	/* old align-items: center does not respect margins and vertical align values */
	vertical-align: middle;
	margin-bottom: 0;
	margin-top: 0;

	/* float has no effect on a flexible item */
	float: none;
}

/*** Toolbar inside of Form as Form- and Container- header ***/
.sapUiFormContainerToolbar > .sapMTB{
	border-bottom: none;
	padding: 0;
}

.sapUiGridHeader > .sapMTB > .sapMBarChild:first-child,
.sapUiGridTitle > th > .sapMTB > .sapMBarChild:first-child,
.sapUiFormResLayout.sapUiFormToolbar > .sapMTB > .sapMBarChild:first-child,
.sapUiRLContainer > .sapMTB > .sapMBarChild:first-child{
	margin-left: 0;
}

.sapUiGridHeader > .sapMTB > .sapMBarChild:last-child,
.sapUiGridTitle > th > .sapMTB > .sapMBarChild:last-child,
.sapUiFormResLayout.sapUiFormToolbar > .sapMTB > .sapMBarChild:last-child,
.sapUiRLContainer > .sapMTB > .sapMBarChild:last-child{
	margin-right: 0;
}

/* Solid Toolbar Context */
.sapMTB-Solid-CTX.sapMTB {
	background: @sapUiListHeaderBackground;
}

/* Info Toolbar Context */
.sapMTB-Info-CTX.sapMTB {
	background: @sapUiInfobarBackground;
	color: contrast(@sapUiInfobarBackground, @sapUiListActiveTextColor, @sapUiListTextColor, @sapUiContentContrastTextThreshold);
}

.sapMTB-Info-CTX.sapMTBActive:hover {
	background: @sapUiInfobarHoverBackground;
}

.sapMTB-Info-CTX.sapMTBActive:active {
	background: @sapUiInfobarActiveBackground;
}

/********** COMPACT DESIGN ************/

/* toolbar has 2rem height in compact mode */
.sapUiSizeCompact .sapMTB {
	height: 2rem;
}

/* default min-width value for the shrinkable items */
.sapUiSizeCompact .sapMTBShrinkItem,
.sapUiSizeCondensed .sapUiTableCell .sapMTBShrinkItem{
	min-width: 2rem;
}
/* END "Toolbar.less" */

/* START "ToolbarSeparator.less" */
/* ======================================= */
/* CSS for control sap.m/ToolbarSeparator  */
/* Base theme                              */
/* ======================================= */

.sapMTBSeparator {
	width: 0.0625rem;
	height: 2rem;
	background: @sapUiToolbarSeparatorColor;
}

.sapUiSizeCompact .sapMTBSeparator {
	height: 1.5rem;
}
/* END "ToolbarSeparator.less" */

/* START "ToolbarSpacer.less" */
/* ==================================== */
/* CSS for control sap.m/ToolbarSpacer  */
/* Base theme                           */
/* ==================================== */

.sapMTBSpacer {
	/* should never have padding/margin/border */
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;

	/* without height chrome ignores the element */
	height: 1px;
}

.sapMTBSpacerFlex {
	-webkit-flex-grow: 1;
	-webkit-box-flex: 1;
	flex: auto;
}
/* END "ToolbarSpacer.less" */

/* START "TreeItemBase.less" */
/* =================================== */
/* CSS for control sap.m/TreeItemBase  */
/* Base theme                          */
/* =================================== */

.sapMTreeItemBase {
	min-height: 3rem;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding-left: 0;
	color: @sapUiListTextColor;
}

.sapMTreeItemBaseExpander {
	width: 3rem;
	height: 3rem;
	line-height: 3rem;
	font-size: 1rem;
	color: @sapUiContentIconColor;
	flex-shrink: 0;
}

.sapMLIBActive .sapMTreeItemBaseExpander {
	color: @sapUiListActiveTextColor;
}

.sapMListHighlight .sapMTreeItemBaseExpander {
	margin-left: 0.375rem;
}

.sapMTreeItemBase.sapMTreeItemBaseChildren {
	background-color: darken(@sapUiListBackground,2);
	border-bottom-color: transparent;
}

.sapMTIBWrapTitle {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sapMTreeItemBase > .sapMLIBContent {
	display: flex;
	align-items: center;
}

.sapUiSizeCompact .sapMTreeItemBase {
	min-height: 2rem;
}

.sapUiSizeCompact .sapMTreeItemBaseWrapping {
	min-height: 2rem;
}

.sapUiSizeCompact .sapMTreeItemBaseExpander {
	font-size: 0.75rem;
	width: 2rem;
	height: 2rem;
	line-height: 2rem;
}
/* END "TreeItemBase.less" */

/* START "UploadCollection.less" */
/* ======================================= */
/* CSS for control sap.m/UploadCollection  */
/* Base theme                              */
/* ======================================= */

/* until the central focus concept is implemented, a workaround is built in sap.m.UploadCollection so that all focus frames are visible */
/* to remove the workaround the changes below are necessary: */
/* for .sapMLIB.sapMUCItem.sapMUCListSingleItem, .sapMLIB.sapMUCItem.sapMUCListFirstItem,.sapMLIB.sapMUCItem.sapMUCListLastItem, .sapMLIB.sapMUCItem.sapMUCListItem change padding-left from 0.9rem to 1rem    */
/* for .sapMUCFileName.sapMLnk delete margin-left:	0.1rem */
/* for .sapMUCItemIcon, .sapMUCItemImage change margin-right from 0.65rem to 0.75rem, delete margin-top: 0.1rem; margin-bottom:	0.1rem; margin-left: 0.1rem; */
/* for .sapMUCAttrContainer, .sapMUCStatusContainer delete margin-left: 0.1rem*/

/* List Header */
.sapMTB.sapMUCListHeader {
	width:				100%;
	height:				3rem;
	padding-left:		1rem;
	padding-right:		1rem;
	border-bottom-width: 0.0625rem;
	border-bottom-style: solid;
	white-space:		nowrap;
	overflow:			hidden;
	text-overflow:		ellipsis;
	vertical-align:		middle;
}

.sapMTB.sapMUCListHeader > .sapMBarChild:first-child {
	margin-left: 0;
}

/* List with borders*/
.sapMLIB.sapMUCItem.sapMUCListSingleItem,
.sapMLIB.sapMUCItem.sapMUCListFirstItem,
.sapMLIB.sapMUCItem.sapMUCListLastItem,
.sapMLIB.sapMUCItem.sapMUCListItem {
	padding-left:			0.9rem;       /* a workaround until the central focus concept is implemented( after that make it 1rem); 0.1rem gets the image/icon so that the left side of the keyboard frame is displayed */
	padding-top:			1rem;
	padding-bottom: 		1rem;
	border-bottom-width: 	0.0625rem;
	border-bottom-style: 	solid;
	padding-right:			1rem;
}

/* List containing no borders */
.sapMListShowSeparatorsNone {
	.sapMLIB.sapMUCListFirstItem,
	.sapMLIB.sapMUCListLastItem,
	.sapMLIB.sapMUCListItem {
		border-bottom-color: 	transparent; /* this is the central switch to have inner separators or not */
	}
}

/* List containing no borders */
.sapMListShowSeparatorsNone {
	.sapMLIB.sapMUCListLastItem,
	.sapMLIB.sapMUCListItem {
		padding-top: 0.5rem;
	}
}

/* List containing no borders */
.sapMListShowSeparatorsNone {
	.sapMLIB.sapMUCListFirstItem,
	.sapMLIB.sapMUCListItem {
		padding-bottom: 0.5rem;
	}
}

/* List with a single item containing no borders */
.sapMListShowSeparatorsNone .sapMLIB.sapMUCListSingleItem {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

/* Item icon */
.sapMUCItemIconInactive,
.sapMUCItemIcon {
	font-size: 2.5rem;
}

.sapMImg.sapMUCItemImage{
	background-size:	cover;
}

.sapMUCItemIconInactive,
.sapMUCItemIcon,
.sapMUCItemImage {
	height:				3rem;
	width:				3rem;
	margin-right:		0.75rem; /* because of the keyboard frame it should be margin and not padding */
	margin-top:			0.1rem; /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
	margin-bottom:		0.1rem; /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
	margin-left:		0.1rem; /* is needed so that keyboard frame is visible; after the central focus concept is implemented delete the margin */
	-webkit-box-flex:	0;		 	/* OLD - iOS 6-, Safari 3.1-6 */
	-webkit-flex:		none;			/* Chrome */
	flex:				none;			/* NEW, Firefox 20+ */
}

/*if no image is provided a standard placeholder is displayed */
.sapMUCItemPlaceholderInactive,
.sapMUCItemPlaceholder {
	line-height: 3rem;
}

/* Text: File name */
.sapMUCFileName.sapMLnk {
	font-family:		@sapUiFontFamily;
	font-weight:		normal;
	white-space:		nowrap;
	padding-top:		0.25rem;
	overflow:			hidden;
	text-overflow:		ellipsis;
	opacity:			100;
	margin-left:		0.1rem;
}

.sapMUCObjectMarker {
	margin-left: 0.5rem;
}

.sapMUCObjectMarker.sapMObjectMarkerText:not(.sapMObjectMarkerIcon) {
	padding-top: 0.25rem;
}

.sapMUCObjectMarker.sapMObjectMarkerText,
.sapMUCObjectMarker.sapMObjectMarkerIcon.sapMObjectMarkerText .sapUiIcon {
	vertical-align: bottom;
}

.sapMUCObjectMarkerContainer {
	display: inline-block;
	position: absolute;
}

/*focus for the file name */
.sapMUCItem .sapMUCTextContainer > .sapMUCFileName.sapMLnk:focus {
	outline:			1px dotted;
	outline-offset:		0.0625rem;
}

/*positioning of the Progress label */
.sapMLabel.sapMUCProgress {
	display: block;
	padding-top: 0.5rem;
}

/* Busy Indicator */
.sapMBusyIndicator.sapMUCloadingIcon {
	padding-top:		1.25rem;
	padding-bottom:		1.25rem;
	padding-right:		1.3rem;
	padding-left:		0.5rem;
	margin-top:			0rem;
}

.sapMBusyIndicator.sapMUCloadingIcon .sapMBusySvg {
	height:				2rem;
	width:				2rem;
}

/* No data indicator */
.sapMUCNoDataPage {
	padding: 1rem;
	text-align: center;
	background: @sapUiGroupContentBackground;

	.sapUiIcon {
		color: fade(@sapUiContentNonInteractiveIconColor, 50);
	}

	.sapMUCNoDataText {
		padding: 1rem 0rem;
		line-height: 2rem;
		font-size: @sapMFontHeader2Size;
		color: @sapUiGroupTitleTextColor;
	}

	.sapMUCNoDataDescription {
		padding: 0rem 0rem 2rem 0rem;
		font-size: @sapMFontHeader5Size;
		color: @sapUiContentLabelColor;
	}
}

/* Drag && Drop */
.sapMUC {
	position: relative;

	.sapMUCDragDropOverlay:not(.sapMUCDragDropOverlayHide) ~ .sapMList {
		.sapMUCNoDataPage {
			visibility: hidden;
		}
	}

	.sapMUCDragDropOverlay {
		position: absolute;
		top: 3rem;
		right: 0rem;
		left: 0rem;
		bottom: 0rem;
		background-color: fade(@sapUiDragAndDropBackground, 80);
		z-index: 1;

		&.sapMUCDragDropOverlayHide {
			display: none;
		}

		&:after {
			display: block;
			content: "";
			position: absolute;
			top: 0rem;
			left: 0rem;
			bottom: 0rem;
			right: 0rem;
			margin: 0.5rem;
			border: 0.125rem dashed @sapUiDragAndDropBorderColor;
		}

		.sapMUCDragDropIndicator {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);

			.sapUiIcon {
				position: relative;
				display: block;
				color: @sapUiDragAndDropColor;
				padding-bottom: 1rem;
			}

			.sapMText {
				position: relative;
				font-size: @sapMFontHeader4Size;
				color: @sapUiDragAndDropColor;
			}
		}

		&.sapMUCDropIndicator:after {
			background-color: @sapUiDragAndDropActiveBackground;
			border: 0.125rem solid @sapUiDragAndDropActiveBorderColor;
		}

		&.sapMUCDropIndicator {
			.sapMUCDragDropIndicator {
				.sapMText {
					color: @sapUiDragAndDropActiveColor;
				}
				.sapUiIcon {
					color: @sapUiDragAndDropActiveColor;
				}
			}
		}
	}
}

/* ************************************************************************************* */
/* local fixes: should be done by used simple controls                                   */
/* ************************************************************************************* */
.sapMTB.sapMUCListHeader .sapMBtnPaddingLeft {
	padding-left:		0rem;
}

.sapMUC .sapUiIcon:focus {
	outline-style: dotted;
	outline-width: 1px; /*suddenly there comes 3 px outline-width from the Icon control which is not in sync with other outlines of our control */
}
/* ************************************************************************************* */


.sapMUCListFirstItem > .sapMLIBContent,
.sapMUCListLastItem > .sapMLIBContent,
.sapMUCListSingleItem > .sapMLIBContent,
.sapMUCListItem > .sapMLIBContent {
	display:		-webkit-box; 		/* OLD - iOS 6-, Safari 3.1-6 */
	display:		-webkit-flex; 		/* NEW - Chrome */
	display:		flex; 				/*FF 20+ 	*/
	overflow:		hidden;				/*necessary for text truncation in FF */
}

/*Container for a textContainer and a button container */
@media(min-width: 30rem) {
	.sapMUCTextButtonContainer {
		display:		-webkit-box; 		/* OLD - iOS 6-, Safari 3.1-6 */
		display:		-webkit-flex; 		/* NEW - Chrome */
		display:		flex; 				/*FF 20+ 	*/
		width: 			100%;
		min-width: 		0; /* to avoid FF bug with flex*/
	}
}

.sapMUCTextButtonContainer {
	min-width: 		0; /* to avoid FF bug with truncation */
	width: 			100%; /* it is necessary for the file name truncation in IE10 */
}

@media(max-width: 30rem) {
	.sapMUCTextButtonContainer {
		-ms-flex-negative: 1;  /*strangely it is needed even for display:inline-block in IE10 for the proper truncation of the file name */
	}
}
/*text container holding the file name, a container for attributes and a container for statuses */
@media(min-width: 30rem) {
	.sapMUCTextContainer {
		-webkit-box-flex:	10;			/* OLD - iOS 6-, Safari 3.1-6 */
		-webkit-flex:		10;			/* Chrome */
		flex:	 			10 10 auto;			/* NEW, Firefox 20+	*/
		padding-top: 		0.125rem;
		padding-bottom: 	0.125rem;
		display: 			block;
	}
}

.sapMUCTextContainer.sapMUCEditMode {
	padding-top: 0rem;
}

.sapMUCTextContainer {
	width: 100%;
	white-space: nowrap; /* necessary for text ellipsis of the file name in FF */
	overflow: hidden;
}

/*display the attributes inline */
.sapMUCAttrContainer .sapMObjectAttributeDiv {
	display: inline;
}

/* display the statuses inline */
.sapMUCStatusContainer .sapMObjStatus {
	display: inline;
}

/* overwrite display: -webkit-box so that the text does not get truncated */
.sapMUCAttr .sapMTextMaxLine {
	display: initial;
	overflow: visible;
}

.sapMUCAttrContainer, .sapMUCStatusContainer {
	padding-top: 0.375rem;
	font-weight: normal;
	line-height: normal;
	white-space: pre-line;
	margin-left: 0.1rem;
}

@media(min-width: 30rem) {
	/* !important is necessary here for overriding inline style of sap.m.input */
	.sapMUCEditBox >.sapMInputBaseInner {
		width: 60% !important;
	}
}

.sapMInputBase.sapMUCEditBox {
	margin-bottom: 0.1875rem;
}

@media(min-width: 30rem) {
	.sapMUCButtonContainer {
		white-space: nowrap; /* so that buttons are displayed in a row */
		padding-left: 1rem;
		padding-top: 0rem;
		align-self: flex-end; /* for buttons alignment at the bottom */
		-webkit-align-self: flex-end; /* for buttons alignment at the bottom in Safari */
		-webkit-box-flex:	0;			/* OLD - iOS 6-, Safari 3.1-6 */
		-webkit-flex:		none;		 	/* Chrome */
		flex:				none;		 	/* NEW, Firefox 20+	*/
	}
}

@media(max-width: 30rem) {
	.sapMUCButtonContainer {
		padding-top: 0.75rem;
	}
}

/* this padding is only needed if both buttons are displayed */
/* for the width less than 30 rem */
.sapMBtn.sapMUCFirstButton {
	padding-right: 0.5rem;
}

/* this padding is only needed if both buttons are displayed */
/* for the width >=30rem */
@media(min-width: 30rem) {
	.sapMBtn.sapMUCFirstButton {
		padding-right: 0.125rem;
	}
}

/* for compact form: for the width less than 30rem */
.sapUiSizeCompact .sapMBtn.sapMUCFirstButton {
	padding-right: 0.5rem;
}

/* for compact form: this padding is only needed if both buttons are displayed */
@media(min-width: 30rem) {
	.sapUiSizeCompact .sapMBtn.sapMUCFirstButton {
		padding-right: 0.125rem;
	}
}

.sapMUCButtonContainer > .sapMBtn {
	padding-top: 0rem; /* the padding of the sap.m.Button should be removed */
	padding-bottom: 0rem; /* the padding of the sap.m.Button should be removed */
	height:			2.5rem;
}


/*compact form */
.sapUiSizeCompact .sapMUCButtonContainer > .sapMBtn {
	padding-top: 0rem; /* the padding of the sap.m.Button should be removed */
	padding-bottom: 0rem; /* the padding of the sap.m.Button should be removed */
}

.sapMUCSeparator {
	display:inline-block;
}

.sapMUCList .sapMLIB {
	align-items: flex-start;
}

.sapMUCItem.sapMCLI>.sapMLIBSelectM {
	margin-top: -0.8125rem;
	margin-left: -0.875rem;
	margin-right: -0.125rem;
}

.sapUiSizeCompact .sapMUCItem>.sapMLIBSelectM {
	margin-left: -0.9rem;
	padding-top: 0.3rem;
	margin-right: -0.1rem;
}

.sapUiSizeCompact .sapMUCItem .sapMLIBSelectM {
	padding-left: 0.3rem;
}

.sapUiSizeCozy .sapMUCItem .sapMLIBSelectM {
	padding-left: 0;
}

/* Item Icon */
.sapMUCItemIcon {
	color: @sapUiContentIconColor;
}
/* Item Icon Inactive */
.sapMUCItemIconInactive {
	color: @sapUiContentNonInteractiveIconColor;
}

/*if no image is provided a standard placeholder is displayed */
.sapMUCItemPlaceholder {
	color: @sapUiContentIconColor;
}

.sapMUCItemPlaceholderInactive {
	color: @sapUiContentNonInteractiveIconColor;
}

/*if no link is provided the file name is displayed as an disabled link */
.sapMLnkDsbl.sapMUCFileName {
	color: @sapUiListTextColor;
}

/* disabled state */
.sapMBtnDisabled.sapMUCDeleteBtn > .sapMBtnInner > .sapMBtnIcon {
	color: @sapUiContentIconColor;
}

.sapMUCAttrContainer {
	color: @sapUiContentLabelColor;
}

/* Text: Filename */
.sapMUCFileName.sapMLnk {
	font-size: @sapMFontLargeSize; /* it cannot be moved to base as the LESS constant is not known there */
}

.sapMUCAttrContainer, .sapMUCStatusContainer {
	font-size: @sapMFontMediumSize; /* it cannot be moved to base as the LESS constant is not known there */
}

/*for width > 30rem the buttons should be displayed as buttons of type transparent */
@media(min-width: 30rem) {
	.sapMUCButtonContainer >.sapMBtn >.sapMBtnInner {
		background-image: none;
		background-color: @sapUiButtonLiteBackground;
		border-color: @sapUiButtonLiteBorderColor;
		text-shadow: none;
	}
}

/* an edit and delete button in a hover state; it should look like a transparent button in a hover state */
@media(min-width: 30rem) {
	.sapMUCEditBtn:hover >.sapMBtnHoverable, .sapMUCDeleteBtn:hover >.sapMBtnHoverable {
		background-color: @sapUiButtonLiteHoverBackground;
		border-color: @sapUiButtonLiteHoverBorderColor;
	}
}

/*an edit and delete button in a pressed state; it should look like a transparent button in a pressed state */
@media(min-width: 30rem) {
	:not(.sapMBtnDisabled).sapMUCEditBtn > .sapMBtnActive,
	:not(.sapMBtnDisabled).sapMUCEditBtn:hover > .sapMBtnActive,
	:not(.sapMBtnDisabled).sapMUCDeleteBtn > .sapMBtnActive,
	:not(.sapMBtnDisabled).sapMUCDeleteBtn:hover > .sapMBtnActive {
		background-color: @sapUiButtonLiteActiveBackground;
		border-color: @sapUiButtonLiteActiveBorderColor;
	}
}
/* END "UploadCollection.less" */

/* START "ValueStateMessage.less" */
/* ======================================== */
/* CSS for control sap.m/ValueStateMessage  */
/* Base theme                               */
/* ======================================== */

.sapMValueStateMessage {
	box-sizing: border-box;
	background: @sapUiFieldBackground;
	display: inline-block;
	color: @sapUiBaseText;
	font-size: @sapMFontSmallSize;
	font-family: @sapUiFontFamily;
	padding: 0.3rem 0.625rem;
	min-width: 6rem;
}

.sapMValueStateMessageError {
	background: @sapUiErrorBG;
}

.sapMValueStateMessageWarning {
	background: @sapUiWarningBG;
}
/* END "ValueStateMessage.less" */

/* START "ViewSettingsDialog.less" */
/* ========================================= */
/* CSS for control sap.m/ViewSettingsDialog  */
/* Base theme                                */
/* ========================================= */

.sapMVSDUpperList {
	border-bottom: 2px solid @sapUiToolbarSeparatorColor;
}

.sapMVSD.sapMDialog .sapMDialogScrollCont{
	padding: 0;
}

.sapUiSizeCompact .sapMVSD.sapMDialog .sapMBarLeft {
	height: 2rem;
}

.sapMTB.sapMVSDFilterHeaderToolbar {
	padding-left: 0;
	padding-right: 1rem;
	width: 100%;
	.sapMBarChild.sapMCb {
		margin-left: 0;
		.sapMCbLabel {
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.sapMCbMark {
			white-space: normal;
		}
	}
}

//needed for removing not needed padding from the dialog which depends on the compatible version
.sapMVSD.sapUiPopupWithPadding .sapMDialogScrollCont.sapMDialogStretchContent{
	height: inherit;
}

.sapMSF.sapMVSDFilterSearchField,
.sapUiSizeCompact .sapMSF.sapMVSDFilterSearchField {
	padding: 0.25rem;
}

.sapUiSizeCompact .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
	height: 2rem;
	padding-left: 0.5rem;

	.sapMLabel.sapMCbLabel {
		overflow: hidden;
		padding-left: 0.5rem;
		text-overflow: ellipsis;
	}
}

.sapUiSizeCompact .sapMSF.sapMVSDFilterSearchField > .sapMSFF {
	height: 1.5rem;
}

html.sap-desktop .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
	.sapMCb {
		outline: none;
		padding-right: 0.5rem;
	}
}

.sapMSF.sapMVSDFilterSearchField {
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
}

.sapUiSizeCompact .sapMTB.sapMListHdrTBar.sapMVSDFilterHeaderToolbar {
	.sapMLabel.sapMCbLabel {
		font-size: @sapMFontMediumSize;
	}
}
/* END "ViewSettingsDialog.less" */

/* START "Wizard.less" */
/* ============================= */
/* CSS for control sap.m/Wizard  */
/* Base theme                    */
/* ============================= */

.sapMWizard {
	height: 100%;
	position: relative;
	counter-reset: steps-counter;
	overflow: hidden;
	background-color: @sapUiGroupContentBackground;

	.sapMWizardStepContainer {
		position: relative;
		height: ~"calc(100% - 4rem)"; /* 4rem is the height of the Progress Navigator*/
		box-sizing: border-box;
		padding: 1rem;
	}

	.sapMWizardStep  {
		position: relative;
		padding-bottom: 2rem;
		display: none;
	}

	.sapMWizardStepActivated {
		display: block;
	}

	.sapMWizardLastActivatedStep {
		min-height: 100%;
	}

	.sapMWizardStepTitle::before {
		counter-increment: steps-counter;
		content: counter(steps-counter) ". ";
	}

	.sapMWizardNextButton {
		bottom: -3rem;
		opacity: 0;
	}

	.sapMWizardNextButtonVisible {
		bottom: 0rem;
		opacity: 1;
	}

	.sapMDialogSection {
		height: auto;
	}
}

html[data-sap-ui-animation='on'] .sapMWizardNextButton {
	transition: 0.4s linear;
}

html.sap-desktop .sapMWizard .sapMWizardNextButton,
html.sap-tablet .sapMWizard .sapMWizardNextButton {
	display: block;
}

html.sap-phone .sapMWizard {
	.sapMWizardNextButton {
		position: absolute;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.sapMWizardNextButtonVisible {
		bottom: 0.5rem;
	}
}
/* END "Wizard.less" */

/* START "WizardProgressNavigator.less" */
/* ============================================== */
/* CSS for control sap.m/WizardProgressNavigator  */
/* Base theme                                     */
/* ============================================== */

@navHeight: 4rem;
@listHeight: 2rem;
@stepWidth: 2rem;
@stepPadding: 0.5rem;
@smallSeparator: 0.25rem;
@stepUnderlineHeight: 0.125rem;
@stepUnderlineWidth: 3rem;
@stepOverlapOnPhone: 1.75rem;

.sapMWizardProgressNav {
	box-sizing: border-box;
	height: @navHeight;
	padding: 1rem;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background: @sapUiObjectHeaderBackground;
	font-size: @sapMFontMediumSize;
	border-bottom: solid 0.125rem @sapUiObjectHeaderBorderColor;
	box-shadow: @sapUiShadowHeader;
}

.sapMWizardProgressNavList,
.sapMWizardProgressNavListVarying {
	display: table;
	table-layout: fixed;
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: @listHeight;
}

.sapMWizardProgressNavStep {
	display: table-cell;
	position: relative;
	padding: 0 @stepPadding;
}

// the separator connecting every two steps
.sapMWizardProgressNavStep::after {
	content: "";
	display: block;
	position: absolute;
	top: @listHeight / 2;
	left: @stepWidth + (2 * @stepPadding);
	right: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

// we do not have a separator at the end for known number of steps
.sapMWizardProgressNavList .sapMWizardProgressNavStep:last-child::after {
	display: none;
}

// we have a dashed separator at the end when the number of steps can change
.sapMWizardProgressNavListVarying .sapMWizardProgressNavStep:last-child::after {
	display: block;
	border-bottom-style: dashed;
}

// the currently selected step
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] {

	// the current step is underlined as to have a visual cue
	.sapMWizardProgressNavAnchor::after {
		content: "";
		display: block;
		position: absolute;
		width: 100%;
		height: @stepUnderlineHeight;

		// negative values are needed for the right positioning - (2rem - 4rem) / 2 = -1
		// bottom:0 positions it at the bottom of the list but we want it at the bottom of the nav
		bottom: (@listHeight - @navHeight) / 2 - @stepUnderlineHeight;
	}

	// anchors in all steps after the current one are right aligned so that they dont overflow to the right
	& ~ .sapMWizardProgressNavStep > .sapMWizardProgressNavAnchor {
		right: 0;
	}
}

// the step up to which progress has been reached
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-active="true"] {

	// anchors in all steps after the active one have the default cursor and no focus
	& ~ .sapMWizardProgressNavStep > .sapMWizardProgressNavAnchor {
		cursor: default;

		&:focus {
			outline: none;
		}
	}
}

// all steps that are grouped
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] {
	width: @stepWidth - @stepOverlapOnPhone;
	padding: 0;

	.sapMWizardProgressNavAnchor {
		position: absolute;
		top: 0;
	}

	.sapMWizardProgressNavAnchorTitle {
		display: none;
	}
}

// when there are no titles and the number of steps is know the last step should align to the end
.sapMWizardProgressNavList.sapMWizardProgressNavListNoTitles .sapMWizardProgressNavStep:last-child {
	width: @stepWidth;
}

// override the previous rule when more than one step is grouped because we want the last step to be
// shrunk and show below the previous step with [data-sap-ui-wpn-step-open="false"]
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] + .sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] {
	width: @stepWidth - @stepOverlapOnPhone;
}

// select the first grouped step on the right and style it so that it does not collapse
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="true"] + .sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] {
	width: @stepWidth;
	padding-left: @stepPadding;
}

// select the last grouped step on the left and style it so that it does not collapse
// add the needed padding to the right so that the separator between the steps is visible
// the second selector is needed for a corner case
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open-prev="true"],
.sapMWizardProgressNavStep[data-sap-ui-wpn-step-open="false"] +  .sapMWizardProgressNavStep[data-sap-ui-wpn-step-open-prev="true"] {
	width: @stepWidth;
	padding-right: @stepPadding + @smallSeparator;

	&::after {
		left: @stepWidth + @stepPadding;
	}
}

.sapMWizardProgressNavAnchor {
	display: inline-block;
	position: relative;
	z-index: 1;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.sapMWizardProgressNavAnchorCircle {
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
	width: @stepWidth;
	height: @listHeight;
	line-height: @listHeight;
	border-width: 1px;
	border-style: solid;
	border-radius: 50%;
	color: @sapUiBaseText;
	background: @sapUiObjectHeaderBackground;
	border-color: @sapUiObjectHeaderBorderColor;
	font-size: @sapMFontMediumSize;
	.sapUiIcon {
		font-size: @sapMFontLargeSize;
	}
}

.sapMWizardProgressNavAnchorTitle {
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	padding: 0 @stepPadding;
	max-height: @listHeight;
	overflow: hidden;
	overflow-wrap: normal;
	max-width: ~"calc(100% - 3rem)";

	// allow only two lines of text
	line-height: @listHeight  / 2;

	font-size: @sapMFontMediumSize;
	color: @sapUiGroupTitleTextColor;
	background: @sapUiObjectHeaderBackground;
}

.sapMSplitContainerDetail .sapMWizardProgressNav {
	padding: 0.875rem 1rem;
}

html.sap-phone .sapMWizardProgressNav {
	padding: 0.875rem 0.5rem;
}

.sapMWizardProgressNavStep:hover .sapMWizardProgressNavAnchorCircle {
	background: @sapUiHighlight;
}

.sapMWizardProgressNavAnchorIcon {
	font-size: @sapMFontLargeSize;
}

.sapMWizardProgressNavStep::after {
	border-bottom-color: @sapUiObjectHeaderBorderColor;
}

.sapMWizardProgressNavStep[data-sap-ui-wpn-step-current="true"] {
	& .sapMWizardProgressNavAnchor::after {
		background: @sapUiSelected;
		height: 0.25rem;
	}

	& .sapMWizardProgressNavAnchorCircle {
		background: @sapUiSelected;
		color: @sapUiContentContrastIconColor;
	}
}
/* END "WizardProgressNavigator.less" */

/* START "WizardStep.less" */
/* ================================= */
/* CSS for control sap.m/WizardStep  */
/* Base theme                        */
/* ================================= */

.sapMWizardStep {
	box-sizing: border-box;

	.sapMWizardStepTitle {
		font-size: 1.25rem;
		font-weight: normal;
		margin-top: 0;
		margin-bottom: 1rem;
	}

	.sapUiFormResLayout > div {
		background-color: inherit;
	}
}

.sapMWizardStep .sapMWizardStepTitle {
	color: @sapUiGroupTitleTextColor;
}
/* END "WizardStep.less" */

/* START "ViewSettingsPopover.less" */
/* ========================================== */
/* CSS for control sap.m/ViewSettingsPopover  */
/* Base theme                                 */
/* ========================================== */

.sapUiSizeCompact .sapMBar.sapMVSPCompactHeaderBar {
	/* fix nested layouts in the header of the details page */
	position: relative;
	top: -3px;
	box-shadow: none;
}
.sapMVSPopover .sapMPopoverHeader .sapMSegBBtn, .sapMVSPopover .sapMDialogTitle .sapMSegBBtn {
	margin-right: 5px;
	border-radius: 3px;
}

.sapMVSPopover .sapMPopoverHeader .sapMSegBBtn,
.sapMPopoverHeader .sapMSegBBtn:last-child,
.sapMPopoverHeader .sapMSegBBtn.sapMSegBBtnFocusable.sapMSegBBtnSel {
	border-color: @sapUiButtonLiteBorderColor;
}

/* Custom focus outline: */
html.sap-desktop .sapMVSPopover {
	.sapMSegBBtnFocusable:focus + .sapMSegBBtn {
		outline: none;
		border-left: 1px solid @sapUiButtonLiteBorderColor;
	}
}

.sapMVSPopover .sapMPopoverHeader .sapMSegBBtn,
.sapMVSPopover .sapMDialogTitle .sapMSegBBtn {
	margin-right: 5px;
	border-radius: 3px;
	border: 1px solid @sapUiButtonLiteBorderColor;
}

.sapMVSPopover.sapMPopup-CTX .sapMIBar.sapMHeader-CTX {
	background: @sapUiGroupContentBackground;
}

html.sap-phone,
html.sap-tablet:not(.sap-desktop) {
  .sapMVSPopover {
	.sapMLIBSelectM > .sapMCb:focus,
	.sapMBarChild.sapMCb:focus {
	  outline: none;
	}
  }
}

/* ------------------------------------------------ */
/* Compact size                                     */
/* ------------------------------------------------ */

.sapMVSPCloseBtn {
	.sapMBtnIcon {
		font-size: 1.000rem;
	}
}
/* END "ViewSettingsPopover.less" */

